/*
Theme Name: LMB 2012
Theme URI: http://www2.mrc-lmb.cam.ac.uk
Description: LMB theme 2012 based on www.simplethemes.com adaptation of the Skeleton RWD framework
Version: 1.0.2
Author: Phil Banks, Visual Aids, MRC LMB
Author URI: http://www2.mrc-lmb.cam.ac.uk
License: GPL
License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/* TODO: Clean this monster up! */

/* @group Global Reset from h5bp.com v2.0 */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
   Base
   ========================================================================== */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 14px; line-height: 1.4; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
/* =============================================================================
   Links
   ========================================================================== */
a { color: #0063bd; }
a:visited { color: #0063bd; }
a:hover { color: #005299; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
   Lists
   ========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
   Embedded content
   ========================================================================== */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
/* =============================================================================
   Figures
   ========================================================================== */
figure { margin: 0; }
/* =============================================================================
   Forms
   ========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* @end */







/*
    ColorBox Core Style:
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
/*
    User Style:
*/
#colorbox *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#ddd; padding:1px; -moz-box-shadow:0 0 2px #ccc;-webkit-box-shadow:0 0 2px #ccc; box-shadow:0 0 2px #ccc; margin:3px;}
        #cboxLoadingGraphic{background:url(images/colorbox_loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/colorbox_controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

.modalcontentwrap {display:none;}
.modalcontent {background:#fff; padding:5px; max-width:700px;}
.modalcontent:before,
.modalcontent:after {
    content: "";
    display: table;
}
.modalcontent:after {
    clear: both;
}
.modalcontent {
    *zoom: 1;
}









/* @group Structural Customization */
*{ /* Allows use of borders in grid. */ -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; /* */ /* Add IE6/7 hack https://github.com/Schepp/box-sizing-polyfill  IE8+ is ok. */ /* */ *behavior: url(http://www2.mrc-lmb.cam.ac.uk/wordpress/wp-content/themes/LMB2012/javascripts/boxsizing.htc);}
/* Set initial font and style for when no JS / TypeKit fails */
body{ font-family:verdana, sans-serif; font-size: 12px; font-weight:400; font-style:normal; background:#ddd; color:#444;}
/* .wf-loading prevents FOUT, wf-active adjusts size for when webfont has loaded
 * .wf-loading only on Header as that is very noticible and allows rest of text to load asap on slow connections
 * TODO: More testing on best way to deal with this.
 */
.wf-loading #site-title {visibility:hidden;}
.wf-active body{font-family:"myriad-pro", "Gill Sans", sans-serif; font-size: 14px; font-weight:400; font-style:normal;}
img{max-width:100%;}
/* Give the main wrapper a separate background color */
#wrap{margin:20px auto;background:#fff;border:1px solid #ddd;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:0 0 4px #ccc;-webkit-box-shadow:0 0 4px #ccc;box-shadow:0 0 4px #ccc;}
#header{clear:both;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
#header .inner{padding-top:15px;padding-bottom:20px;}
#header .header_extras{float:right;}
#breadcrumbs{font-size:.8em; margin-bottom:0;}
/* Main Content area */
#content{padding-bottom:20px;}
/* Left Col Menu */
#menucol{}
/* Main (Content) Col */
#maincol{min-height:200px; overflow-x:hidden; }
/* Footer Styles */
#footer{background:#f0f0f0;border-top:1px solid #ddd;font-size:.9em;clear:both;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;margin:0;float:left;width:100%;}
#footer.noborder{border:none;padding-top:0;}
.findus{border:1px solid #bbb;}
/* @end */
/* @group Header */
#header div#site-title a,#header h1#site-title,#header h1#site-title a{text-decoration:none;color:#726a63;}
#header #site-title a:hover{color:#444;}
/* @end */
/* @group Navigation Bars */
.menu-toggle {cursor: pointer; padding-left:11px; background:#e9e9e9; border:1px solid #ddd; }
.menu-toggle {}
.menu-toggle:before {
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  right:0;
  margin-top:5px;
  margin-right:8px;
  border: 10px solid transparent;
  border-left-color: #ccc;
}
.toggled-on {border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.toggled-on:before {
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  right:0;
  margin-top:10px;
  margin-right:15px;
  border: 10px solid transparent;
  border-top-color: #bbb;
}
.inlinemenu ul{width:100%;position:relative;}
.inlinemenu ul li{position:relative;}
.inlinemenu ul li a{background:none;text-decoration:none;display:block;border:none;}
.inlinemenu ul li:hover a,.inlinemenu ul li a:hover{position:relative;background:none;}
.inlinemenu ul li:hover li a{}
.inlinemenu ul li.active a{}
.topmenu ul{text-transform:uppercase;}
.topmenu ul li{}
.topmenu ul li a{color:#666;padding:10px 10px 5px;}
.topmenu ul li:hover a,.topmenu ul li a:hover{color:#528674;}
/*Commented is old version pre-duplicated "custom links" in menu*/
/*.topmenu ul li.current-menu-item a,.topmenu ul li.current-menu-parent a,.topmenu ul li.current-menu-ancestor a,.topmenu ul li.current-page-ancestor a,.single .topmenu .menu-item-121 a /*last item = hack for news items*//*{color:#528674;font-weight:700;}*/
.topmenu ul li.current-menu-item a,
.topmenu ul li.current-page-ancestor a,
.single-post .topmenu .menu-item-322 a,
.single-photo_archive .topmenu .menu-item-252 a /*last items = hack for news items and photos respectively*/{color:#528674;font-weight:700;}


.footmenu ul{font-size:1.3em;margin:0;padding:0;margin-bottom:10px;}
.footmenu ul li{}
.footmenu ul li a{color:#666;}
.footmenu ul li:hover a,.footmenu ul li a:hover{color:#528674;}
.footmenu ul li:hover li a{color:#528674;}
.footmenu ul li.current-menu-item a{color:#528674;}
.sidemenu ul{margin:0;padding:0;}
.sidemenu li {margin-bottom:0.7em;}
.sidemenu .depth1{font-size:1.1em;}
.sidemenu .depth2{font-size:0.9em;}
ul.sub-menu{margin:5px auto;}
.sidemenu ul ul ul li{padding-left:15px;}
.sidemenu li a,.sidemenu li a:hover{color:#666;}
.depth0 a, .sidemenu li, li.current-menu-ancestor, .current-menu-item .sub-menu li .sub-menu li.menu-item, .current-menu-parent .sub-menu li .sub-menu li{display:none;}
/*Commented is old version pre-duplicated "custom links" in menu*/
/*.depth1 a, .depth2 a, .depth3 a, li.current-page-ancestor, li.current-menu-ancestor,li.current-menu-parent,li.current-menu-item,li.current-menu-parent .sub-menu li,li.current-menu-item .sub-menu li,li.current-menu-item li,li.current-menu-item .sub-menu li.menu-item{display:block;}
*/
.depth1 a, .depth2 a, .depth3 a,
li.current-page-ancestor,
li.current-page-parent,
li.current_page_item,
li.current_page_parent .sub-menu li,
li.current-menu-item li,
li.current-menu-item .sub-menu li.menu-item {display:block;}

li.current-menu-item a{font-weight:700;}
li.current-menu-item li a{font-weight:400;}
.pagination,.filterbyyear, .ngg-navigation{clear:both;float:right;padding:10px 0;line-height:1em;}
.filterbyyear{margin:0 0 0 27px; padding:0;}
ul.pagination li,ul.filterbyyear li, .ngg-navigation a, .ngg-navigation .current, .ngg-navigation .more {float:left;margin:0 0 2px 2px;}
ul.pagination li a,ul.filterbyyear li a, .ngg-navigation a{padding:6px 9px 4px;display:block;text-decoration:none;width:auto;color:#fff;background:#666;}
.pagination a:hover,.filterbyyear a:hover, .ngg-navigation a:hover{color:#fff;background:#528674;}
.pagination .current,.filterbyyear .current, .ngg-navigation .current {padding:6px 9px 4px;/*background: #3279BB;*/background:#528674;color:#fff;}
.ngg-navigation .more {padding:6px 9px 4px;}
.rss{float:left;width:28px;height:28px;background:url(images/rss.jpg) no-repeat;margin-bottom:-28px;}
.social ul{font-size:.9em;}
.social li a{margin-bottom:2px;}
.dropshadow{box-shadow:2px 2px 5px #999; margin-right:5px; margin-bottom:5px;}
.post.single img {box-shadow:2px 2px 5px #999;}
.post.single .wp-caption img {box-shadow:none;}
.ngg-galleryoverview {margin-left:-10px;text-align:center;}
.ngg-galleryoverview .ngg-gallery-thumbnail-box {line-height:153px;margin-left:10px;}
.ngg-gallery-thumbnail a {width:153px; height:153px;display:block;}
.ngg-gallery-thumbnail a img {margin-top:-4px;}
/* @end */

/* #Links
================================================== */
a,a:visited{text-decoration:none;outline:0;}
a:hover,a:focus{color:#000;text-decoration:underline;}
p a,p a:visited{line-height:inherit;}
}

/* #Lists
================================================== */
ul,ol{margin-bottom:20px;}
ul{list-style:none outside;}
ol{list-style:decimal;}
ol,ul.square,ul.circle,ul.disc{margin-left:10px;}
ul.square{list-style:square outside;}
ul.square ul {list-style:square;}
ul.circle{list-style:circle outside;}
ul.circle ul {list-style:circle;}
ul.disc{list-style:disc outside;}
ul.disc ul {list-style:disc;}
ul ul,ul ol,ol ol,ol ul{margin:4px 0 5px 30px;}
ul ul li,ul ol li,ol ol li,ol ul li{margin-bottom:6px;}
li{line-height:18px;margin-bottom:12px;}
ul.large li{line-height:21px;}
ul.noindent{padding:0; margin:0;}
ul.slim, ul.slim .children {padding-left:10px;}
ul.narrow li {margin-bottom:0;}
li p{line-height:21px;}
ul.groupmembers li{margin-bottom:10px;margin-left:5px;text-indent:-5px;}
.bottompad li{margin-bottom:20px;}
li h4{margin-top:0;}

/* # Image Alignment Classes
============================================================== */
.alignright{float:right;margin:0 5px 10px 15px;}
.alignleft{float:left;margin:0 15px 5px 0;}
.aligncenter{display:block;margin:0 auto 20px;}
.wp-caption .aligncenter {margin:0 auto;}
.glp_divisionlogo{margin-top:-45px;}
/* WP Captions */
.wp-caption{display:inline-block; text-align:center;padding:5px;margin:10px auto;border:1px solid #ddd;background-color:#fff;color:#666;text-shadow:1px 1px 0 #fff;-webkit-box-shadow:1px 1px 6px #ddd;-moz-box-shadow:1px 1px 6px #ddd;box-shadow:1px 1px 6px #ddd;position:relative;}
.wp-caption.plain {border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.wp-caption img{margin:0;padding:0;border:1px solid #ccc;}
.wp-caption p.wp-caption-text{font-size:0.78em;line-height:1.5;padding:5px 0 0;margin:0;}
.wp-caption.alignleft{margin:0 10px 10px 0;}
.wp-caption.alignright{margin:0 0 10px 10px;}
.wp-caption img.alignright, .wp-caption img.alignleft {float:none;}

/* Apply .alignleft or float:left to the image then wrap the content in a div
with this class to cause a hanging indent of the text to the image */
.hangingindent {overflow:hidden;}
/* @end */



/* @group Tables */
table{margin:.5em 0 1em;}
table th{text-align:left;border:1px solid #d1d1d1;padding:.4em .8em;background:#ddd url(images/gradient_small_trans.png) repeat-x 0 top;font-weight:700;}
table td{background-color:#fff;border:1px solid #d1d1d1;padding:10px;}
/* @end */



/* @group WP Blog Styles */
.entry-meta{font-size:0.75em;color:#666;padding-bottom:10px;margin-bottom:10px;}
.search .type-post {margin-bottom:0;}
.search .type-post .entry-meta {padding-bottom:0;margin-bottom:0;}
.cat-links,.comments-link,.meta-sep,.entry-utility{font-size:0.9em;color:#666;}
.post{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #d6d6d6;}
.search .post{border-bottom:none;}
.post.single{border-bottom:none;}
a.more-link{display:block;float:right;font-weight:700;}
.st_relatedposts h4{border-bottom:1px solid #ebebeb;}
.st_relatedposts ul{color:#666;list-style:square;margin-left:20px;}
.st_relatedposts ul li{}
/* @end */

/* @group Form Buttons */
/* #Form Buttons
================================================== */

    button,
    input[type="submit"],
    input[type="reset"],
    input[type="button"] {
        background: #eee; /* Old browsers */
        background: -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
        background: linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
      border: 1px solid #aaa;
      border-top: 1px solid #ccc;
      border-left: 1px solid #ccc;
      padding: 4px 12px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      color: #444;
      display: inline-block;
      font-size: 0.75em;
      font-weight: bold;
      text-decoration: none;
      text-shadow: 1px 1px 0px #fff;
      cursor: pointer;
      margin-bottom: 20px;
      line-height: 21px;
}

    button:hover,
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover {
        color: #222;
        background: #eee; /* Old browsers */
        background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
        background: linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
      border: 1px solid #ccc;
      border-top: 1px solid #ccc;
      border-left: 1px solid #ccc;
      border-bottom: 1px solid #9d9d9d;
}

    button:active,
    input[type="submit"]:active,
    input[type="reset"]:active,
    input[type="button"]:active {
    background: #eee; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.3)), color-stop(100%,rgba(255,255,255,.3))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* W3C */
    border: 1px solid #888;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa; }

    button.full-width,
    input[type="submit"].full-width,
    input[type="reset"].full-width,
    input[type="button"].full-width {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center; }


/* @end */

/* @group Styled Buttons */
.button-alt,
.button,
.button.small,
.button.large,
.button.medium {
    background-image: none;
    padding: 12px 1em 9px 1em;
    font-size: .95em;
    margin: 0;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
.button.small {padding: 5px 0.5em 3px 0.5em;}
.lt-ie9 .button-alt,
.lt-ie9 .button,
.lt-ie9 .button.small,
.lt-ie9 .button.large,
.lt-ie9 .button.medium {
    padding: 9px 1em 9px 1em;
}
.lt-ie9 .button.small {padding: 3px 0.5em 3px 0.5em;}


.button.left {float: left;}
.button.right {float: right;}
.button.center,.button.middle {margin: 0px auto; text-align: center; display: inherit;}

.button-alt a,.button a,.button.small a, .button.small {
    font-size: .9em;
}
.button.medium a, .button.medium {
    font-size: 1.2em;
}
.button.large a, .button.large {
    font-size: 1.5em;
}



/* @group Default (Light Blue)  */
a.button {
  background:#5aa1d8;
  background-image: -moz-linear-gradient(#5aa1d8, #2489d6);
  background-image: -o-linear-gradient(#5aa1d8, #2489d6);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5aa1d8), color-stop(100%, #2489d6));
  background-image: -webkit-linear-gradient(#5aa1d8, #2489d6);
  background-image: -ms-linear-gradient(top, #5aa1d8, #2489d6); /* IE10+ */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5aa1d8', endColorstr='#2489d6'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5aa1d8', endColorstr='#2489d6')"; /* IE8+ */
  background-image: linear-gradient(top, #5aa1d8, #2489d6);
  border: 1px solid #258cda;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px 6px 6px 6px;
  -moz-box-shadow: inset 0 1px 0 0 #85b9e0;
  -webkit-box-shadow: inset 0 1px 0 0 #85b9e0;
  -o-box-shadow: inset 0 1px 0 0 #85b9e0;
  box-shadow: inset 0 1px 0 0 #85b9e0;
  color: white;
  text-shadow: 0 1px 0 #1976be;
  position: relative;
}
a.button:hover {
  background-image: -moz-linear-gradient(#2380c7, #4a95cf);
  background-image: -o-linear-gradient(#2380c7, #4a95cf);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2380c7), color-stop(100%, #4a95cf));
  background-image: -webkit-linear-gradient(#2380c7, #4a95cf);
  background-image: -ms-linear-gradient(top, #2380c7, #4a95cf); /* IE10+ */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2380c7', endColorstr='#4a95cf'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2380c7', endColorstr='#4a95cf')"; /* IE8+ */
  background-image: linear-gradient(top, #2380c7, #4a95cf);
  -moz-box-shadow: inset 0 1px 0 0 #75acd7;
  -webkit-box-shadow: inset 0 1px 0 0 #75acd7;
  -o-box-shadow: inset 0 1px 0 0 #75acd7;
  box-shadow: inset 0 1px 0 0 #75acd7;
  cursor: pointer;
  text-decoration:none;
  border-radius: 6px 6px 6px 6px;

}
a.button:active {
  background:#2380c7;
  border: 1px solid #2280c9;
}
/* @end */
/* @group White  */
a.button.white {
  background:#ffffff;
  background-image: -moz-linear-gradient(top, #ffffff, #e3e3e3);
  background-image: -o-linear-gradient(top, #ffffff, #e3e3e3);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e3e3e3));
  background-image: -webkit-linear-gradient(top, #ffffff, #e3e3e3);
  background-image: -ms-linear-gradient(top, #ffffff, #e3e3e3); /* IE10+ */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3')"; /* IE8+ */
  background-image: linear-gradient(top, #ffffff, #e3e3e3);
  border: 1px solid #dbdbdb;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 white;
  -webkit-box-shadow: inset 0 1px 0 0 white;
  -o-box-shadow: inset 0 1px 0 0 white;
  box-shadow: inset 0 1px 0 0 white;
  color: #333333;
  text-shadow: 0 1px 0 white;
  position: relative;
}
a.button.white:hover {
  background-image: -moz-linear-gradient(top, #dbdbdb, #f2f2f2);
  background-image: -o-linear-gradient(top, #dbdbdb, #f2f2f2);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbdbdb), color-stop(100%, #f2f2f2));
  background-image: -webkit-linear-gradient(top, #dbdbdb, #f2f2f2);
  background-image: -ms-linear-gradient(top, #dbdbdb, #f2f2f2); /* IE10+ */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#f2f2f2'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#f2f2f2')"; /* IE8+ */
  background-image: linear-gradient(top, #dbdbdb, #f2f2f2);
  -moz-box-shadow: inset 0 1px 0 0 white;
  -webkit-box-shadow: inset 0 1px 0 0 white;
  -o-box-shadow: inset 0 1px 0 0 white;
  box-shadow: inset 0 1px 0 0 white;
  cursor: pointer;
}
a.button.white:active {
  background:#d4d4d4;
  border: 1px solid #c2c2c2;
}
/* @end */
/* @group Green Alt */
a.button.green-alt {
  background:#58a189;
  background-image: -moz-linear-gradient(top, #58a189, #3e7a66);
  background-image: -o-linear-gradient(top, #58a189, #3e7a66);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #58a189), color-stop(100%, #3e7a66));
  background-image: -webkit-linear-gradient(top, #58a189, #3e7a66);
  background-image: -ms-linear-gradient(top, #58a189, #3e7a66); /* IE10+ */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#58a189', endColorstr='#3e7a66'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#58a189', endColorstr='#3e7a66')"; /* IE8+ */
  background-image: linear-gradient(top, #58a189, #3e7a66);
  border: 1px solid #3e7a66;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 #7fa95b;
  -webkit-box-shadow: inset 0 1px 0 0 #7fa95b;
  -o-box-shadow: inset 0 1px 0 0 #7fa95b;
  box-shadow: inset 0 1px 0 0 #7fa95b;
  color: white;
  text-shadow: 0 1px 0 #39571e;
  position: relative;
}
a.button.green-alt:hover {
  background-image: -moz-linear-gradient(top, #3c6e5d, #51947e);
  background-image: -o-linear-gradient(top, #3c6e5d, #51947e);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3c6e5d), color-stop(100%, #51947e));
  background-image: -webkit-linear-gradient(top, #3c6e5d, #51947e);
  background-image: -ms-linear-gradient(top, #3c6e5d, #51947e); /* IE10+ */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c6e5d', endColorstr='#51947e'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c6e5d', endColorstr='#51947e')"; /* IE8+ */
  background-image: linear-gradient(top, #3c6e5d, #51947e);
  -moz-box-shadow: inset 0 1px 0 0 #739457;
  -webkit-box-shadow: inset 0 1px 0 0 #739457;
  -o-box-shadow: inset 0 1px 0 0 #739457;
  box-shadow: inset 0 1px 0 0 #739457;
  cursor: pointer;
}
a.button.green-alt:active {
  background:#3c6e5d;
  border: 1px solid #436228;
}
/* @end */
/* @group Black  */
a.button.black {
  background:#404040;
  background-image: -moz-linear-gradient(top, #404040, #242424);
  background-image: -o-linear-gradient(top, #404040, #242424);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #404040), color-stop(100%, #242424));
  background-image: -webkit-linear-gradient(top, #404040, #242424);
  background-image: -ms-linear-gradient(top, #404040, #242424); /* IE10+ */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040', endColorstr='#242424'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040', endColorstr='#242424')"; /* IE8+ */
  background-image: linear-gradient(top, #404040, #242424);
  border: 1px solid #1c1c1c;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 #595959;
  -webkit-box-shadow: inset 0 1px 0 0 #595959;
  -o-box-shadow: inset 0 1px 0 0 #595959;
  box-shadow: inset 0 1px 0 0 #595959;
  color: white;
  text-shadow: 0 1px 0 #150f0f;
  position: relative;
}
a.button.black:hover {
  background-image: -moz-linear-gradient(top, #1c1c1c, #333333);
  background-image: -o-linear-gradient(top, #1c1c1c, #333333);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1c1c1c), color-stop(100%, #333333));
  background-image: -webkit-linear-gradient(top, #1c1c1c, #333333);
  background-image: -ms-linear-gradient(top, #1c1c1c, #333333); /* IE10+ */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#333333'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#333333')"; /* IE8+ */
  background-image: linear-gradient(top, #1c1c1c, #333333);
  -moz-box-shadow: inset 0 1px 0 0 #4d4d4d;
  -webkit-box-shadow: inset 0 1px 0 0 #4d4d4d;
  -o-box-shadow: inset 0 1px 0 0 #4d4d4d;
  box-shadow: inset 0 1px 0 0 #4d4d4d;
  cursor: pointer;
}
a.button.black:active {
  background:#1c1c1c;
  border: 1px solid #030303;
}
/* @end */
/* @group Neurobiology Blue  */
a.button.blue {
  background:#0c518f;
  background-image: -moz-linear-gradient(top, #0c518f, #043a69);
  background-image: -o-linear-gradient(top, #0c518f, #043a69);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0c518f), color-stop(100%, #043a69));
  background-image: -webkit-linear-gradient(top, #0c518f, #043a69);
  background-image: -ms-linear-gradient(top, #0c518f, #043a69); /* IE10+ */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c518f', endColorstr='#043a69'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c518f', endColorstr='#043a69')"; /* IE8+ */
  background-image: linear-gradient(top, #0c518f, #043a69);
  border: 1px solid #043a69;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 #416ac3;
  -webkit-box-shadow: inset 0 1px 0 0 #416ac3;
  -o-box-shadow: inset 0 1px 0 0 #416ac3;
  box-shadow: inset 0 1px 0 0 #416ac3;
  color: white;
  text-shadow: 0 1px 0 #122c63;
  position: relative;
}
a.button.blue:hover {
  background-image: -moz-linear-gradient(top, #07345c, #0a4a82);
  background-image: -o-linear-gradient(top, #07345c, #0a4a82);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #07345c), color-stop(100%, #0a4a82));
  background-image: -webkit-linear-gradient(top, #07345c, #0a4a82);
  background-image: -ms-linear-gradient(top, #07345c, #0a4a82); /* IE10+ */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#07345c', endColorstr='#0a4a82'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#07345c', endColorstr='#0a4a82')"; /* IE8+ */
  background-image: linear-gradient(top, #07345c, #0a4a82);
  -moz-box-shadow: inset 0 1px 0 0 #3e61ac;
  -webkit-box-shadow: inset 0 1px 0 0 #3e61ac;
  -o-box-shadow: inset 0 1px 0 0 #3e61ac;
  box-shadow: inset 0 1px 0 0 #3e61ac;
  cursor: pointer;
}
a.button.blue:active {
  background:#07345c;
  border: 1px solid #193570;
}
/* @end */
/* @group Cell Biology Green  */
a.button.green {
  background:#058257;
  background-image: -moz-linear-gradient(top, #058257, #005c3d);
  background-image: -o-linear-gradient(top, #058257, #005c3d);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #058257), color-stop(100%, #005c3d));
  background-image: -webkit-linear-gradient(top, #058257, #005c3d);
  background-image: -ms-linear-gradient(top, #058257, #005c3d); /* IE10+ */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#058257', endColorstr='#005c3d'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#058257', endColorstr='#005c3d')"; /* IE8+ */
  background-image: linear-gradient(top, #058257, #005c3d);
  border: 1px solid #005c3d;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 #7fa95b;
  -webkit-box-shadow: inset 0 1px 0 0 #7fa95b;
  -o-box-shadow: inset 0 1px 0 0 #7fa95b;
  box-shadow: inset 0 1px 0 0 #7fa95b;
  color: white;
  text-shadow: 0 1px 0 #39571e;
  position: relative;
}
a.button.green:hover {
  background-image: -moz-linear-gradient(top, #034f34, #05754e);
  background-image: -o-linear-gradient(top, #034f34, #05754e);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #034f34), color-stop(100%, #05754e));
  background-image: -webkit-linear-gradient(top, #034f34, #05754e);
  background-image: -ms-linear-gradient(top, #034f34, #005c3d); /* IE10+ */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#034f34', endColorstr='#05754e'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#034f34', endColorstr='#05754e')"; /* IE8+ */
  background-image: linear-gradient(top, #034f34, #05754e);
  -moz-box-shadow: inset 0 1px 0 0 #739457;
  -webkit-box-shadow: inset 0 1px 0 0 #739457;
  -o-box-shadow: inset 0 1px 0 0 #739457;
  box-shadow: inset 0 1px 0 0 #739457;
  cursor: pointer;
}
a.button.green:active {
  background:#034f34;
  border: 1px solid #436228;
}
/* @end */
/* @group Structural Studies Red  */
a.button.red {
  background:#ae2c25;
  background-image: -moz-linear-gradient(top, #ae2c25, #871d17);
  background-image: -o-linear-gradient(top, #ae2c25, #871d17);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ae2c25), color-stop(100%, #871d17));
  background-image: -webkit-linear-gradient(top, #ae2c25, #871d17);
  background-image: -ms-linear-gradient(top, #ae2c25, #871d17); /* IE10+ */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ae2c25', endColorstr='#871d17'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ae2c25', endColorstr='#871d17')"; /* IE8+ */
  background-image: linear-gradient(top, #ae2c25, #871d17);
  border: 1px solid #871d17;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 #e73c3c;
  -webkit-box-shadow: inset 0 1px 0 0 #e73c3c;
  -o-box-shadow: inset 0 1px 0 0 #e73c3c;
  box-shadow: inset 0 1px 0 0 #e73c3c;
  color: white;
  text-shadow: 0 1px 0 #900404;
  position: relative;
}
a.button.red:hover {
  background-image: -moz-linear-gradient(top, #7a1f1a, #a12822);
  background-image: -o-linear-gradient(top, #7a1f1a, #a12822);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7a1f1a), color-stop(100%, #a12822));
  background-image: -webkit-linear-gradient(top, #7a1f1a, #a12822);
  background-image: -ms-linear-gradient(top, #7a1f1a, #a12822); /* IE10+ */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a1f1a', endColorstr='#a12822'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a1f1a', endColorstr='#a12822')"; /* IE8+ */
  background-image: linear-gradient(top, #7a1f1a, #a12822);
  -moz-box-shadow: inset 0 1px 0 0 #de2b2b;
  -webkit-box-shadow: inset 0 1px 0 0 #de2b2b;
  -o-box-shadow: inset 0 1px 0 0 #de2b2b;
  box-shadow: inset 0 1px 0 0 #de2b2b;
  cursor: pointer;
}
a.button.red:active {
  background:#7a1f1a;
  border: 1px solid #9f0909;
}
/* @end */
/* @group PNAC Orange  */
a.button.orange {
  background:#ee7b27;
  background-image: -moz-linear-gradient(top, #ee7b27, #c76118);
  background-image: -o-linear-gradient(top, #ee7b27, #c76118);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ee7b27), color-stop(100%, #c76118));
  background-image: -webkit-linear-gradient(top, #ee7b27, #c76118);
  background-image: -ms-linear-gradient(top, #ee7b27, #c76118); /* IE10+ */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee7b27', endColorstr='#c76118'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee7b27', endColorstr='#c76118')"; /* IE8+ */
  background-image: linear-gradient(top, #ee7b27, #c76118);
  border: 1px solid #c76118;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 #e4a83a;
  -webkit-box-shadow: inset 0 1px 0 0 #e4a83a;
  -o-box-shadow: inset 0 1px 0 0 #e4a83a;
  box-shadow: inset 0 1px 0 0 #e4a83a;
  color: white;
  text-shadow: 0 1px 0 #8a5b05;
  position: relative;
}
a.button.orange:hover {
  background:#e07224;
  background-image: -moz-linear-gradient(top, #ba5f1e, #e07224);
  background-image: -o-linear-gradient(top, #ba5f1e, #e07224);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ba5f1e), color-stop(100%, #e07224));
  background-image: -webkit-linear-gradient(top, #ba5f1e, #e07224);
  background-image: -ms-linear-gradient(top, #ba5f1e, #e07224); /* IE10+ */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba5f1e', endColorstr='#e07224'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba5f1e', endColorstr='#e07224')"; /* IE8+ */
  background-image: linear-gradient(top, #ba5f1e, #e07224);
  -moz-box-shadow: inset 0 1px 0 0 #db9d29;
  -webkit-box-shadow: inset 0 1px 0 0 #db9d29;
  -o-box-shadow: inset 0 1px 0 0 #db9d29;
  box-shadow: inset 0 1px 0 0 #db9d29;
  cursor: pointer;
}
a.button.orange:active {
  background:#ba5f1e;
  border: 1px solid #99670b;
}
/* @end */
/* @group MRC Brown  */
a.button.brown {
  background-image: -moz-linear-gradient(top, #8b7a68, #665848);
  background-image: -o-linear-gradient(top, #8b7a68, #665848);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8b7a68), color-stop(100%, #665848));
  background-image: -webkit-linear-gradient(top, #8b7a68, #665848);
  background-image: -ms-linear-gradient(top, #8b7a68, #665848); /* IE10+ */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b7a68', endColorstr='#665848'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b7a68', endColorstr='#665848')"; /* IE8+ */
  background-image: linear-gradient(top, #8b7a68, #665848);
  border: 1px solid #665848;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 #9b7b36;
  -webkit-box-shadow: inset 0 1px 0 0 #9b7b36;
  -o-box-shadow: inset 0 1px 0 0 #9b7b36;
  box-shadow: inset 0 1px 0 0 #9b7b36;
  color: white;
  text-shadow: 0 1px 0 #37290c;
  position: relative;
}
a.button.brown:hover {
  background-image: -moz-linear-gradient(top, #594e43, #807060);
  background-image: -o-linear-gradient(top, #594e43, #807060);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #594e43), color-stop(100%, #807060));
  background-image: -webkit-linear-gradient(top, #594e43, #807060);
  background-image: -ms-linear-gradient(top, #594e43, #807060); /* IE10+ */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#594e43', endColorstr='#807060'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#594e43', endColorstr='#807060')"; /* IE8+ */
  background-image: linear-gradient(top, #594e43, #807060);
  -moz-box-shadow: inset 0 1px 0 0 #836a34;
  -webkit-box-shadow: inset 0 1px 0 0 #836a34;
  -o-box-shadow: inset 0 1px 0 0 #836a34;
  box-shadow: inset 0 1px 0 0 #836a34;
  cursor: pointer;
}
a.button.brown:active {
  background:#594e43;
  border: 1px solid #453512;
}
/* @end */

a.button.rounded {border-radius:15px; padding:6px 20px; font-size:1.1em; font-weight:normal; letter-spacing:0;}

.ie9 a.button {border-radius:0 !important;} /* IE9 fails to apply gradients and rounded corners at the same time.. */
/* End Button Styles */


/* @group Tabs */
    ul.tabs {
        display: block;
        margin: 0 0 20px 0;
        padding: 0;
        border-bottom: solid 1px #ddd; }
    ul.tabs li {
        display: block;
        width: auto;
        height: 30px;
        padding: 0;
        float: left;
        margin-bottom: -1px; }
    ul.tabs li a {
        display: block;
        text-decoration: none;
        width: auto;
        height: 29px;
        padding: 0px 20px;
        line-height: 30px;
        border: solid 1px #ddd;
        border-width: 1px 0 0 1px;
        margin: 0;
        background: #f5f5f5;
         }
  ul.tabs.narrow li a {
    padding:0px 15px;
  }
    ul.tabs li a.active {
        background: #fff;
        height: 34px;
        position: relative;
        top: -4px;
        padding-top: 4px;
        border-right-width: 1px;
        margin: 0 -1px 0 0;
        color: #111;
        -moz-border-radius-topleft: 2px;
        -webkit-border-top-left-radius: 2px;
        border-top-left-radius: 2px;
        -moz-border-radius-topright: 2px;
        -webkit-border-top-right-radius: 2px;
        border-top-right-radius: 2px; }
    ul.tabs li:first-child a {
        -moz-border-radius-topleft: 2px;
        -webkit-border-top-left-radius: 2px;
        border-top-left-radius: 2px; }
    ul.tabs li:last-child a {
        border-width: 1px 1px 0 1px;
        -moz-border-radius-topright: 2px;
        -webkit-border-top-right-radius: 2px;
        border-top-right-radius: 2px; }

    ul.tabs-content { margin: 0; padding:0; display: block; }
    ul.tabs-content > li { display:none; }
    ul.tabs-content > li.active { display: block; }

    /* Clearfixing tabs for beautiful stacking */
    ul.tabs:before,
    ul.tabs:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    ul.tabs:after {
      clear: both; }
    ul.tabs {
      zoom: 1; }

    .no-js ul.tabs li a {border:none; background:none;}
    .no-js ul.tabs li a:before {content: "> ";}
    .no-js ul.tabs-content li {display:block;}
/* @end */


/* @group Toggles */
.toggle_container{padding-left:10px; padding-right:10px; margin-bottom:10px; background-color:#fff;}
.trigger{display:block;padding:0.3em 0.3em 0.3em 0.6em;margin:0;cursor:pointer; color:#0063BD; }
.no-js .trigger {color:#528674;}
/* Up Toggle State */
.trigger{background-color:#F8F8F8; border-top:1px solid #e5e5e5;padding-left:34px; position:relative;}
.lt-ie8 .trigger {background-image: expression(this.runtimeStyle.backgroundImage="none",this.innerHTML = '<img alt="" src="http://www2.mrc-lmb.cam.ac.uk/wordpress/wp-content/themes/LMB2012/images/sprite.png">'+this.innerHTML); }
.lt-ie8 .trigger img {position: absolute; clip: rect(0, 31px, 14px, 17px); top: 12px; left: -5px; }
.lt-ie7 .trigger img {left:-35px; }
.trigger:before {content: "\a0"; display:block; position:absolute; top:0.5em; left:0.6em; width:17px; height:16px; background:url(images/sprite.png) no-repeat -17px 0;}
h3.trigger:before, p.trigger:before {top:0.4em;}
.trigger a{color:#2774ae;text-shadow:#fff 1px -1px 0;text-decoration:none;}

/* Hover Toggle State */
.trigger:hover{background-color:#fff;}
.trigger a:hover,.trigger.active a:hover{color:#2774ae;text-shadow:#fff -1px 1px 0;}

/* Active Toggle State */
.trigger.active{background-color:#fff;border-top:1px solid #ebebeb;}
.lt-ie8 .trigger.active img {clip: rect(14px, 31px, 28px, 17px); top:-2px; }
.trigger.active:before {background-position: -17px -16px;}
.trigger.active a{color:#000;text-shadow:#fff 1px 1px 0;}

.no-js .trigger, .no-js .trigger:hover, .no-js .trigger:before {background-image: none; padding-left:0;}
.no-js .trigger:hover {background-color:#f8f8f8;}

.trigger.unstyled {background:none; border:none;}
/* @end */


/* @group Callouts */
/* Callout Box */
.cta{width:100%; margin:10px auto;padding:10px;background-color:#f2f2f2;border:1px solid #dcdcdc;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;text-shadow:#fff 1px 1px 0;box-shadow:1px 1px 0 #fff inset, -1px -1px 0 #fff inset;-moz-box-shadow:1px 1px 0 #fff inset, -1px -1px 0 #fff inset;-webkit-box-shadow:1px 1px 0 #fff inset, -1px -1px 0 #fff inset;position:relative;}
.cta p{margin:0;margin-bottom:10px;}
.cta h2{margin-top:0;}
.cta h3{font-size:1.5em;text-shadow:#fff 1px -1px 0;}
/* @end */

/* @group Comments */
/* Needs RWD Check */
#respond{margin:0;float:left;border-top:1px solid #dbdbdb;padding-top:10px;width:100%;}
#respond input[type=text]{width:300px;margin-right:20px;}
#respond textarea{width:550px;height:120px;padding:10px;}
#comments{float:left;margin:0;}
#comments{border:0;width:100%;}
body.dark #comments{background:url(images/dark/divider.png) repeat-x right top;}
#comments h2{font-size:1.5em;display:block;border-bottom:1px solid #d6d6d6;font-weight:700;}
#comments h6{font-family:"Times New Roman", Times, serif;letter-spacing:normal;text-transform:uppercase;margin:10px 0;}
#comments .comment-meta{margin:0 0 20px;display:block;}
#comments .commentlist{margin:0;float:left;list-style:none;width:100%;}
#comments .commentlist ul{list-style:none;margin:0;padding:0;clear:both;}
#comments .commentlist li{margin:0;padding:0;display:block;}
body.page-template-onecolumn-page-php #comments .commentlist li .comment-meta{}
#comments .commentlist li li{margin:0 0 20px 25px;}
#comments .commentlist li li .comment-meta{width:445px;}
#comments .commentlist li li li{margin:0 0 20px 25px;}
#comments .commentlist li li li .comment-meta{width:420px;}
#comments .commentlist li li li li{margin:0 0 20px 25px;}
#comments .commentlist li li li li .comment-meta{width:395px;}
#comments .commentlist li li li li li{margin:0 0 20px 25px;}
#comments .commentlist li li li li li .comment-meta{width:370px;}
#comments .single-comment{margin-bottom:20px;}
#comments .comment-author{float:left;margin:0 10px 6px 0;display:inline;width:50px;}
#comments .comment-author cite{clear:both;font-weight:700;}
#comments .vcard{float:left;clear:both;display:block;width:100px;min-height:100px;padding:20px 0;}
#comments .vcard img.avatar{border:1px solid #eee;padding:2px;background:#f4f4f4;}
#comments .vcard{background:url(images/light/comment_author_bg.png) no-repeat top right;}
#comments body.dark .vcard{background:url(images/dark/comment_author_bg.png) no-repeat top right;}
/* @end */

/* @group WP Gallery */
.gallery{display:block;clear:both;overflow:hidden;margin:0 auto;}
.gallery .gallery-row{display:block;clear:both;overflow:hidden;margin:0;}
.gallery .gallery-item{overflow:hidden;float:left;margin:0;text-align:center;list-style:none;padding:0;}
.gallery .gallery-item img,.gallery .gallery-item img.thumbnail{max-width:79%;height:auto;padding:0;margin:5px auto;border:1px solid #fff;background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,0.2);position:relative;}
.gallery-caption{color:#666;font-size:0.75em;line-height:1;margin:0;padding:0;}
/* Attachment Page */#nav-below{width:100%;}
#nav-below .nav-previous a{float:left;max-width:50%;}
#nav-below .nav-next a{float:right;max-width:50%;}
.entry-caption{text-align:center;font-weight:700;font-size:1em;}
/* @end */

/* @group Misc */
/* #Forms (see formalize.css - below)
================================================== */
label,legend{font-weight:700;font-size:0.95em;display:inline-block;vertical-align:middle;}
input[type=checkbox]{display:inline;}




/* # Misc Typography Balancing to Maintain Vertical Rhythm
============================================================== */
.remove-bottom{margin-bottom:0!important;}
.half-bottom{margin-bottom:10px!important;}
.add-bottom{margin-bottom:20px!important;}
.add-top{margin-top:20px!important;}
/* @end */


















/*
---------------------------------------------------------------------------------
----------------------------Formalize--------------------------------------------
---------------------------------------------------------------------------------
*/
/* @override http://slate.com/wp-content/themes/skeleton/formalize.css?ver=1.3 */

/* `Widths
----------------------------------------------------------------------------------------------------*/

.input_tiny {
  width: 50px;
}

.input_small {
  width: 100px;
}

.input_medium {
  width: 150px;
}

.input_large {
  width: 200px;
}

.input_xlarge {
  width: 250px;
}

.input_xxlarge {
  width: 300px;
}

.input_full {
  width: 100%;
}

/*
  Added via JS to <textarea> and class="input_full".
  Applies only to IE7. Other browsers don't need it.
*/
.input_full_wrap {
  display: block;
  padding-right: 8px;
}

/* `UI Consistency
----------------------------------------------------------------------------------------------------*/

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="search"]::-webkit-search-decoration {
  display: none;
}

input,
button,
select,
textarea {
  vertical-align: middle;
}

input[type="radio"],
input[type="checkbox"] {
  position: relative;
  vertical-align: top;
  top: 3px;
  /* IE8, IE9, IE10 */
  top: 0\0;
  /* IE7 */
  *top: -3px;
}

/* iPad */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 2px;
  }
}

/* iPhone 3 */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 0;
  }
}

/* iPhone 4 */
@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 0;
  }
}

button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  /*background: #ddd url(images/button.png) repeat-x;*/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
  background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
  border: 1px solid;
  cursor: pointer;
  color: #5c5c5c;
  /*
    Helvetica Neue present, because it works better
    for line-height on buttons than Arial, on OS X.
  */
  font: bold 12px/1.3 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
  outline: 0;
  overflow: visible;
  padding: 3px 10px;
  text-shadow: #fff 1px 1px 0;
  width: auto;

  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 0px;
    border-bottom-color: #cbcbcb;
    border-right-color: #c9c9c9;
    border-left-color: #c9c9c9;
    border-top-color: #d4d4d4;
}

button {
  /* IE7 */
  *padding-top: 1px;
  *padding-bottom: 1px;
}


.brownlozenge {padding:3px 5px; margin-right:5px; background:#726a63; color:#fff; border-radius:5px;}





textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="input"],
input[type="time"],
input[type="url"],
input[type="week"] {
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid;
  border-color:#c1c1c1;
  color: #000;
  outline: 0;
  padding: 2px 3px;
  font-size: 0.95em;
  /*
    Leaving out Helvetica Neue, to not throw off size="..."
    on inputs. Arial is more reliable, on Windows and OS X.
  */
  font-family: Arial, 'Liberation Sans', FreeSans, sans-serif;
  height: 2.3em;

  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 1px;
  *height: auto;
}

/*
  Separate rule for Firefox.
  Separate rule for IE, too.
  Cannot stack with WebKit's.
*/
::-webkit-input-placeholder {
  color: #888;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #888;
}

input.placeholder_text,
textarea.placeholder_text {
  color: #888;
}

:invalid {
  /*
    Suppress red glow that Firefox
    adds to form fields by default,
    even when user is still typing.
  */
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
  -moz-box-shadow: #06f 0 0 7px;
  -webkit-box-shadow: #06f 0 0 7px;
  box-shadow: #06f 0 0 7px;

  /* for Opera */
  z-index: 1;
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

select[disabled],
textarea[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
  background-color: #eee;
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #888;
  cursor: default;
}

textarea,
select[size],
select[multiple] {
  height: auto;
}

/* Tweaks for Safari + Chrome. */
@media (-webkit-min-device-pixel-ratio: 0) {
  select {
    background-image: url(images/select_arrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
  }

  select[size],
  select[multiple] {
    background-image: none;
    padding: 0;
  }

  ::-webkit-validation-bubble-message {
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
    border: 1px solid;
    border-color: #747474 #5e5e5e #4f4f4f;
    color: #fff;
    font: 11px/1 'Lucida Grande', Arial, 'Liberation Sans', FreeSans, sans-serif;
    padding: 15px 15px 17px;
    text-shadow: #000 0 0 1px;
  }

  ::-webkit-validation-bubble-arrow,
  ::-webkit-validation-bubble-top-outer-arrow,
  ::-webkit-validation-bubble-top-inner-arrow {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #666;
    border: 0;
  }
}

textarea {
  min-height: 40px;
  overflow: auto;
  resize: vertical;
  width: 100%;
}

optgroup {
  color: #000;
  font-style: normal;
  font-weight: normal;
}

/* `IE6
----------------------------------------------------------------------------------------------------*/

/*
  Everything below this line is for IE6.
  Delete it if you don't support it! :)

  Classes are added dynamically via JS,
  because IE6 doesn't support attribute
  selectors: .ie6_button, .ie6_input, etc.

  Note: These style rules are somewhat
  duplicated because IE6 bombs out when
  it sees attribute selectors. Example:

  .ie6_button {
    This works in IE6.
  }

  .ie6_button,
  input[type=submit] {
    This doesn't work.
  }
*/

.ie6_button,
* html button {
  background: #ddd url(images/button.png) repeat-x;
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  font: bold 12px/1.2 Arial, sans-serif;
  padding: 2px 10px 0px;
  overflow: visible;
  width: auto;
}

* html button {
  padding-top: 1px;
  padding-bottom: 1px;
}

.ie6_input,
* html textarea,
* html select {
  background: #fff;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: #000;
  padding: 2px 3px 1px;
  font-size: 0.95em;
  font-family: Arial, sans-serif;
  vertical-align: top;
}

* html select {
  margin-top: 1px;
}

.placeholder_text,
.ie6_input_disabled,
.ie6_button_disabled {
  color: #888;
}

.ie6_input_disabled {
  background: #eee;
}









.overlay {
     position: fixed;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:left;
     z-index: 1000;
     background:#fff;
     background:rgba(255,255,255,0.9);
     padding:10px;
     overflow:scroll;
}
a.closemodal {float:left;}

.modaltable {
    position: relative;
    width:100%;
    cursor:pointer;
    border:1px solid #5aa1d8;
    background:#fff;
    background:rgba(255,255,255,0.9);
}
.modaltable:before {
    content: "Oversize Table: Click to View";
    position: absolute;
    display:block;
    max-width: 100%;
    max-height: 100%;
    color: #2489d6;
    font-weight: bold;
    font-size: 1.4em;
    padding-left:5px;
    text-align: left;
    vertical-align: middle;
    z-index: 100;
}

.modaltable img {display:none;}
.modaltable th,
.modaltable td {
    font-size: 0.6em;
    padding: 0;
    height: 7px;
    background:#fff;
    background:rgba(255,255,255,0.9);
    border:none;
    color:#ddd;
}​





/* #Base (320px) Styles
================================================== */


  #wrap {background:#fff; box-shadow:0 0 4px #ccc;}
    #header, #content, #footer {padding-left:5px; padding-right:5px;}
    #header, #menucol, #maincol, #footer {border-radius:0;box-shadow:none; border:none; }
    #site-title {
    font-size: 1.4em;
    line-height:1.5em;
    padding-top:15px;
    padding-bottom:15px;
    margin-bottom:0;
    background-image:none;
    text-align:center;
  background:url(images/mrc_logo.jpg) left center no-repeat;
  }

  #site-title a {
    display:block;
    padding-left:100px;
  }

    .inlinemenu {clear: both;}

    .inlinemenu ul,
    .inlinemenu ul li,
    .inlinemenu ul li a {
    /*float: none;*/
    display:block;
    text-align:left;
    margin-bottom:0;
    }


    .inlinemenu ul li a,
    .inlinemenu ul li.active a {
    padding: 5px 15px;
    line-height: 150%;
    }

    .topmenu li {background:#f2f2f2; border-bottom:1px solid #ccc;}
    .topmenu li:hover {background:#f9f9f9;}

    .sidemenu li a {margin-left:5px; padding-left:10px; }
    .sidemenu li:before {
    content: ' ';
    width: 0;
    height: 0;
    position: absolute;
    margin-top:2px;
    margin-left:2px;
    border: 5px solid transparent;
    border-left-color: #ccc;
    }

    #menucol .h1 {display:none;}

    .quicklinks ul {
    font-size: 0.9em;
    margin:0;
    padding:0;
    margin-bottom:10px;
    }
    .quicklinks li {border-bottom:1px solid #ccc;}
    .quicklinks li:hover {background:#f9f9f9;}
    .quicklinks li a {padding:0;}

  .cells li {padding:10px; float:left; display:block; width:100%;}

    .social ul {margin:0; padding:0;}
    .social ul li { width:25%;}
    .social ul li a {padding:0; text-align:center; vertical-align:bottom;}
    .social span {margin-right:5px; }

    .sprite {
    background: url(images/sprite.png) no-repeat top left;
    display:inline-block;
    }
    .delicious{ background-position: 0 0; width: 17px; height: 17px; }
    .facebook{ background-position: 0 -18px; width: 17px; height: 17px; }
    .digg{ background-position: 0 -35px; width: 17px; height: 17px; }
    .findus{ background-position: 0 -52px; width: 160px; height: 60px; text-indent:-9999em;}
    .rss{ background-position: 0 -111px; width: 27px; height: 28px; }
    .twitter{ background-position: 0 -139px; width: 17px; height: 17px; }






    .footmenu {margin-top:10px;}
    .footmenu ul li a {text-align:center;}

    #content {padding-top:10px; }
    #menucol {border-bottom:1px solid #ccc;}

    #search {border-radius:15px; background:#f9f9f9; margin-left:20px;}

    #sidesearch {margin: 15px auto; border-radius:15px; }
    #sidesearch input {width:80%; margin-left:0; height:auto;}

    #maincol {margin-top:20px;}
    #breadcrumbs {text-indent:-9999em; height:0; display:none;}

  .home .latestnews li {padding:5px;}
  .home .insight img, .home .latestnews img {margin-top:4px;}
  .home .events {background-color:#f6f6f6;}

  .home_themes li {position:relative;height:36px;margin-bottom:0;}
  .home_themes li img {position:absolute; top:50%; margin-top:-15px;width:30px;}
  .home_themes li a {display:block; margin-left:35px;position:relative;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
  .lt-ie9 .home_themes li a {top:auto;}

  .tweets {position:relative;}
  .rotatingtweets, .norotatingtweets {border:0 !important; margin-bottom:0 !important;}
  .rotatingtweet {padding-top:0 !important;}
  .follow-button {position:absolute; top:3px;right:0;}


    #respond textarea {width:300px;}



    #wrap .products li,.products li.first,.products li.last {
    float: left;
    clear: both;
    margin: 20px 0px 20px 0px;
    width: 100%;
    }

    #footer {
    clear: both;
    padding: 20px 0 10px 0;
    border-top:1px solid #ccc;
    text-align:center;
    }
    .copyright {margin: 20px auto;}

    #credits {
    text-align: center;
    }


    .desktop, .tabletup {display:none;}
    .mobile, .tabletdown {display:block;}



  .databaseform, .crystalform {width:94%; margin-left:3%;}
  .databaseform label, .databaseform input, .databaseform select, .databaseform option, .crystalform label, .crystalform input, .crystalform select, .crystalform option {width:100%;}


  #jobsShort {width:100%;}
  #jobsShort td, #jobsShort th {background:none; border:none; font-weight:normal; padding:0.5em;}
  #jobsShort thead {border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
  #jobsShort .jobs_closing {width:29%;}
  #jobsShort .jobs_salary {width:25%;}

  #jobsLong dt {clear:both;}
  #jobsLong dd {margin-left:0; clear:both;}
  #jobsLong dd {padding-bottom:10px; margin-bottom:25px; border-bottom:1px solid #ccc;}
  #jobsLong div {margin-bottom:0;}




    #sidebar .widget-container {margin-left: 0px;}
    .full-width,
    .one_half,
    .one_third,
    .two_thirds,
    .three_fourths,
    .one_fourth,
    .one_fifth,
    .two_fifth,
    .three_fifth,
    .four_fifth,
    .one_sixth,
    .five_sixth {width: 100%; margin-bottom: 20px;}






    /* @group Typography */

    h1, h2, h3, .h1, .h2, .h3 {
        letter-spacing: -1px;
        color: #528674;
        font-weight:300;
    }
    h3, .h3 {letter-spacing:normal;}
    h4, h5, .h4, .h5 {font-weight:600;}
    .home h2 {margin:0; border-bottom:1px solid #528674;}
    h1 a, h2 a, .h1 a, .h2 a {
    font-weight: inherit;
    text-decoration: none;
    color:#528674;
    }
    h1 a:visited, h2 a:visited, .h1 a:visited, .h2 a:visited {
    color:#528674;
    }
    .h1 {border-bottom:1px solid; margin-top:0;}
    .h1 a:hover {text-decoration:none;}
    article h1 {margin-top:0;}

    h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit;
    text-decoration: none;
    }
    h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
    }


    h1, .home h2, .h1 {font-size:1.6em; line-height: 140%; margin-bottom: 10px;}
    h2, .h2 {font-size:1.3em; line-height: 130%; margin-bottom: 10px; }
    h3, .h3, label[for=search] {font-size:1.17em; line-height: 130%; margin: 0 auto; color:#528674; font-weight:normal; }
    aside a.h3 {color:#0063bd;}
    h4, .h4 {font-size:1em; line-height: 125%; margin-bottom: 0; }
    h5, .h5 {font-size:1em; line-height: 120%; margin-bottom: 0;}

    h6, .h6 {
        font-size: 1em;
        line-height: 120%;
        margin-bottom: 8px;
        color: inherit;
        font-weight: bold;
        text-transform: uppercase;
        color: #375199;
    }
    .subheader { color: #777; }
    .normal {font-weight: normal;}
    .bold {font-weight: bold;}
    .center {text-align:center;}
    .justify {text-align:justify;}
    .bottom0 {margin-bottom:0;}
    .top0 {margin-top:0;}
    .border0 {border:none;}

    .green, .green p {color:#528674;}
  .ESH, .esh, a.esh, .esh p {color:#94c120 !important;}
  #menu-item-6490 a {color:#94c120;}
  .COLD, .cold, a.cold, .cold p {color:#59b9d1 !important;}
  #menu-item-6491 a {color:#59b9d1;}
  .DART, .dart, a.dart, .dart p {color:#cd665f !important;}
  #menu-item-6494 a {color:#cd665f;}
  .SGX, .sgx, a.sgx, .sgx p {color:#9279b0 !important;}
  #menu-item-6489 a {color:#9279b0;}

    .black, .black p {color:#000;}
    .grey, .grey p {color:#444;}
  .brown, .brown p {color:#726a63;}
    .blue, .blue p, .blue a, h1.blue a, h2.blue a {color:#0063BD; }
    .blue a:hover {color:#005299; }

    .relevanssi-query-term {background:#FFFF00; padding: 0px;}

    footer {color:#666;}

    p { margin: 0 0 20px 0; }
    p img { margin: 0; }
    p.lead { font-size: 1.2em; line-height: 1.3em; color: #777;  }
    #groupmembers p {display:none;}

    em, .italic { font-style: italic; }
    strong { font-weight: bold; color: #333; }
    small, .small { font-size: 80%; }
    .smaller {font-size:60%;}
  .normal {font-size:1em;}
  .bigger {font-size:1.2em;}

  .textleft {text-align:left;}
    .textright {text-align:right;}
    .textcenter {text-align:center;}

/*  Blockquotes  */
    blockquote, blockquote p { font-size: 1.1em; line-height: 1.4em; color: #777; font-style: italic; }
    blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 5px solid #eee; }
    blockquote cite { display: block; font-size: 0.7em; color: #555; }
    blockquote cite:before { content: "\2014 \0020"; }
    blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
  blockquote.bold {font-size:1.4em; font-weight:normal; max-width:50%;}

    hr { border: solid #eee; border-width: 1px 0 0; clear: both; margin: 10px 0 20px; height: 0; }
  hr.dark {border-color: #ccc;}
    hr.heavy { border-width: 2px 0 0; }
  hr.dotted {border-style:dotted;}




  dl.timeline {}
  dl.timeline dt {font-weight:bold; float:left;}
  dl.timeline dt, dl.timeline dd {}
  dl.timeline dd {margin:auto auto 10px 60px;}

    dl.awards {}
    /*Contain floats*/
    dl.awards:before, .awards dd:before,
    dl.awards:after, .awards dd:after {content: ""; display: table; }
    dl.awards:after, .awards dd:after {clear: both; }
    dl.awards, .awards dd {*zoom: 1; }

    .awards dt, .awards dd {background:#f5f5f5; border:1px solid #ccc; padding:5px; width:100%; margin:0;}
    .awards dd {margin-top:5px; min-height:69px;}


/*Structure Chart*/
.structurechart img {margin-bottom:3px;}
.structurechart .title {font-weight:bold;}
.structuredir, .structureesh, .structuredart, .structurecold, .structuresgx, .structureccsb, .structuresupport, .structurepostg, .structurelibarc, .structuremrc { padding:10px;}
.structuredir h3, .structureesh h3, .structuredart h3, .structurecold h3, .structuresgx h3, .structureccsb h3, .structuresupport h3, .structurepostg h3, .structurelibarc h3 { margin:10px auto;}
.structuredir {border:4px solid #01515c;}

.structureesh {border:4px solid #94c120;}
.structuredart {border:4px solid #cd665f;}
.structurecold {border:4px solid #59b9d1;}
.structuresgx {border:4px solid #9279b0;}
.structureccsb {border:4px solid #D6850F;}
.structuresupport {border:4px solid #aaddf2;}
.structurepostg {border:4px solid #cccccc;}
.structurelibarc {border:4px solid #73024f;}
.structuremrc {border:4px solid #726a63;}


/* Contact Form 7 */
.wpcf7-not-valid-tip, .wpcf7-validation-errors {color:#f00; display:block;}
.wpcf7-mail-sent-ok {color:#528674;}




#nobeltimeline ul.dates:before, #nobeltimeline ul.dates li:before,
#nobeltimeline ul.dates:after, #nobeltimeline ul.dates li:after {content: ""; display: table; }
#nobeltimeline ul.dates:after, #nobeltimeline ul.dates li:after {clear: both; }
#nobeltimeline ul.dates, #nobeltimeline ul.dates li {*zoom: 1; }
#nobeltimeline ul.dates li {float:left;margin-right:0.5em;}

#nobeltimeline ul.dates li a:before,
#nobeltimeline ul.dates li a:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
#nobeltimeline ul.dates li a:after {
      clear: both; }
#nobeltimeline ul.dates li a {
      zoom: 1; }

#nobeltimeline ul.dates img {border:1px solid #ddd;}

#nobeltimeline ul.dates li a {width:93px; height:93px; padding:10px; display:block; background:#eee; border:1px solid #ddd; box-shadow:1px 1px 1px #eee; text-align:center;}
#nobeltimeline ul.dates li a.active, #nobeltimeline ul.dates li a:hover {background:#fff; box-shadow:2px 2px 3px #ddd;}
#nobeltimeline ul.dates li a:hover {box-shadow:1px 1px 2px #ddd;}


#nobeltimeline ul.events li {display:none; text-align:center;}
#nobeltimeline ul.events li.active {display:block;}
.no-js #nobeltimeline ul.events li {display:block;}

#nobeltimeline .events blockquote {text-align:left;}

.nobelcontent {padding:5px 20px;}






ul.photoarchive {margin:0; margin-left:50px; padding:0;}
ul.photoarchive li {margin:10px; padding:0; float:left; text-align:center; width:170px;}
ul.photoarchive p {height:3em; margin-bottom:0;}
ul.photoarchive li a{display:block; padding:10px; width:170px; height:170px; background:#f6f6f6; border:1px solid #e6e6e6;}
ul.photoarchive li a:hover {border:1px solid #ccc; background:#eee; }
ul.photoarchive li img {border:1px solid #e6e6e6;}

.type-photo_archive {padding:10px 20px; background:#f7fafd; border:1px solid #ebf0f5;}
.type-photo_archive img {border:1px solid #e6e6e6; box-shadow:0 0 1px #bbb;}

dl.photometa {margin:40px 0;}
dl.photometa dt {font-weight:bold; float:left;}
dl.photometa dt, dl.photometa dd {}
dl.photometa dd {margin:auto auto 8px 100px;}

#photoForm {margin-top:10px; width:515px; }
#photoForm li {position:relative;}
#photoForm label {float:left; width:100px; margin-right:15px;  text-align:right; }
#photoForm input, #photoForm textarea {width:400px; border:2px solid #ccc;}
#photoForm input[type="submit"] {width:auto; border-width:1px;}
#photoForm .error {color:#f00; right:4px; top:0.5em; position:absolute;}

.requiredStar {color:#F00;}




 .internalbutton {padding:0px 5px; text-align:center; z-index:100; margin:10px auto 5px; }
 .internalbutton a {width:100%; }





    /* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    border: 0;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Contain floats: h5bp.com/q
 */

ul:before, .clearfix:before,
ul:after, .clearfix:after {
    content: "";
    display: table;
}

ul:after, .clearfix:after {
    clear: both;
}
#wpadminbar ul:after { clear:none; }

ul, .clearfix {
    *zoom: 1;
}










/* #Mobile Landscape (480px)
================================================== */

    @media (min-width: 480px) {


        .home #search {width:330px; }
      #site-title { font-size:1.3em; line-height:3.2;}
      #site-title a { padding-left:110px; }
      ul.photoarchive {margin-left:20px; }




    }



/* #Tablet Portrait (768px)
================================================== */

    @media (min-width: 768px) {

    #site-title {
        margin: 0;
        padding:10px 0 7px 0;
        font-size:2.8em;
        font-weight:300;
        line-height: 75px;
        letter-spacing: -1px;
        background:url(images/mrc_logo.jpg) 20px center no-repeat;
        border-bottom:none;
        -moz-border-radius:10px 10px 0 0;
        -webkit-border-radius:10px 10px 0 0;
        border-radius:10px 10px 0 0;}

    #site-title a {
      padding-left:125px;
    }

    .group-leader img {margin-top:6px;}

    #breadcrumbs {display:block;}





 .internalbutton {padding:0px; text-align:center; position:absolute; z-index:100; margin:0px; }
 .internalbutton a {border-radius:0 !important; width:auto; }


.wpcf7-not-valid-tip, .wpcf7-validation-errors {display:inline;}
.wpcf7-not-valid-tip {margin-left:1em;}



/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles (Customised!)
*********************************/
.flexslider {margin: 0; padding: 0; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; margin-bottom:0;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.lt-ie8 .flexslider .slides > li {display:block;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {/*content: ".";*/content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Custom Theme
*********************************/
.flexslider {margin:0 0 20px 0; background: #fff; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
    /* Caption style */
    /* IE rgba() hack */
    .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
    .flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); }
    .flexslider p{position:absolute;right:0;top:0;width:220px;height:100%;padding:10px;margin:0;background:#222;background:rgba(0,0,0,0.6);color:#fff;color:rgba(255,255,255,0.8);font-style:italic;line-height:1.2em;font-size:1.4em;}
    .lt-ie8 .flexslider p {line-height:1.3em; color:#fff; height:auto;}




  .inlinemenu ul,
    .inlinemenu ul li {
    /* Code below to allow - watch for responsive changes */
    display:inline-block;
    /*IE hack*/
    zoom: 1;
    *display: inline;
    /* */
    margin: 0;
    text-align:center;
}

    .inlinemenu ul li a {font-size: .9em; padding: 10px 10px;}

    .topmenu li, .topmenu li:hover {background:none; border:none;}

    /*TinyNav dropdown for mobile style*/
    #menu-main-menu {display:block;}
    .tinynav {display:none;}
    /*End TinyNav*/

    .sidemenu li a {margin-left:auto; padding-left:0; }
    .sidemenu li:before {content: none;}



    .quicklinks li, .quicklinks li:hover {background:none; border:none;}
    .quicklinks ul li a {font-size:1em; padding:3px 6px;}




    #menucol .h1 {display:inline;}


    #content {margin-top:10px; padding-top:0;}
    #header, #content, #footer {padding-left:0; padding-right:0;}

    #menucol {border:none;}
   #breadcrumbs {text-indent:0; height:auto;}


    .home #search {width:245px; }
    #sidesearch {color:#666; margin:40px auto 20px 5px; }
    #sidesearch label {font-size:0.9em; display:block; font-weight:normal; }
    #sidesearch input {clear:left; width:90%; margin-left:0; border-radius:2px; height:auto;}

    #maincol {margin-top:0;}

    .cta20 {width:20%;}
    .cta30 {width:30%;}
    .cta40 {width:40%;}
    .cta50 {width:50%;}
    .cta60 {width:60%;}
    .cta70 {width:70%;}
    .cta80 {width:80%;}

    #footer {
    clear: both;
    padding: 10px 0 10px 0;
    border-top:none;
    }
    .footmenu {margin:auto;}
  .footmenu ul{font-size:1.3em;}
    .footmenu ul li a {padding: 0 10px 9px;}
    .copyright {margin: auto;}
    .social {margin-top:5px;}
    .social ul li {
    width:49%;
    padding-right:20%;
    text-align:center;
    }



    #sidebar .widget-container {margin-left: 0px;}
    .resize {display: none;}
    #respond textarea {width:auto;}
    .social ul li a {padding:0px;padding-bottom:5px;}
    .social span {margin-right:0;}
    .findus {
    width: 124px;
    height: 62px;
    background-position: -35px -51px;
    }


    .mobile {display:none;}
    .tabletup {display:block;}


    ul.noindent{margin:0;}


  #nobeltimeline .one_sixth {width:100%;}


  .databaseform li {margin-bottom:6px;}
  .databaseform .submit, .databaseform .reset {width:100px; float:right; margin-top:15px; margin-left:15px;}
  .crystalform input[type="radio"], .crystalform select {width:auto;}


ul.photoarchive {margin-left:0;}
ul.photoarchive li {margin:10px 7px;}



    .awards dt {width:98%;}
    .awards dd {width:32%; float:left; margin-right:1%; margin-top:5px;}

    .awards.double dd {width:48%; margin-right:2%;}
    .awards.single dd {width:98%; margin-right:2%;}
    dl.shortest dd, ul.shortest li {height:50px;}
    dl.short dd, ul.short li {height:70px;}
    dl.medium dd, ul.medium li {height:130px;}
    dl.tall dd, ul.tall li {height:185px;}


    .home h2 {border:none;}
    .home .latestnews li p {margin-bottom:5px;}







.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_thirds { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourths { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 67.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }

.one_half,
.one_third,
.two_thirds,
.three_fourths,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
  position: relative;
  margin-right: 4%;
  float: left;
}
.last {margin-right:0 !important;}



}
/* High Density / Retina Displays
================================================== */
@media (-moz-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2/1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {

  #site-title {
	  background-image:url(images/mrc_logo_x2.jpg);
	  /*//TODO: Return to orig value once centenary over otherwise retina screens broken - Done, GL*/
    background-size: 107px 47px;
    /*background-size: 107px 64px;*/
	}

	.sprite, .trigger:before, .trigger.active:before {
    background-image: url(images/sprite_x2.png);
    background-size:160px auto;
  }

  /* Undo above declarations to cope with <IE9 and Respond.js limitations */
  html.lt-ie9 #site-title {
    background-image:url(images/mrc_logo.jpg);
  }
  html.lt-ie9 .sprite, html.lt-ie9 .trigger:before, html.lt-ie9 .trigger.active:before {
    background-image: url(images/sprite.png);
  }


}
/* #Desktop (960px)
================================================== */
    @media (min-width: 960px) {

        #site-title {font-size:3.6em;}

        /*.flexslider {height:250px;}*/

        .inlinemenu ul li a {font-size:1em;}
        .topmenu ul li a {padding:10px 10px 5px;}

/*        .home #search {width:330px; }*/
      .home #search {width:270px; }

      .home .insight p {margin-left:170px;}

        .social ul li {padding-right:0;}
        .social ul li a {text-align:left;}
        .social span {margin-right:5px; }
        .findus {width: 160px;height: 60px;background-position: 0 -52px;}
      .footmenu ul li a {padding: 0 15px 9px;}



      ul.tabs.narrow li a {padding:0px 10px;}


    .twocols li {width:49%; float:left; }



        .desktop {display:block;}
        .tabletdown {display:none;}

        .flexslider p {line-height:1.4em;font-size:1.4em;}



  .databaseform {width:100%; margin:0;}
  .databaseform li {width:50%; float:left;}
  .databaseform label {width:100px; float:left; text-align:right; margin-right:10px; line-height:2.3em;}
  .databaseform input, .databaseform select, .databaseform option {width:235px;}
  .databaseform .reset, .databaseform .submit {margin-right:5px;}
  #year::-webkit-inner-spin-button, #year::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}



  ul.photoarchive {margin-left:50px;}
  ul.photoarchive li {margin:10px;}

        .awards dt, .awards dd {padding:10px;}
      .awards.double p, .awards.single p {margin-left:65px;}



  #nobeltimeline .one_sixth {width:13.33%;}



        h1, .home h2, .h1 {font-size:1.8em; line-height: 140%; margin-bottom: 10px;}
        h2, .h2 {font-size:1.4em; line-height: 130%; margin-bottom: 10px; }


/* #Page Styles
================================================== */

/* Layout Shortcodes */
.full-width {width:960px; height:auto; overflow:hidden}







}


/* #Print
================================================== */
    @media print {

        video, audio, object, embed, #topnav, #menucol, .flexslider, #footer .three, .footmenu, #maincol aside, .dontprint {display:none;}
        @page { margin: 0.5cm; }
    * {text-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; box-shadow:none; background:#fff !important;}
        body, .trigger, a, h1, h2, h3, h4, h5, h6 {color:#000 !important;}
        #wrap {border:none; box-shadow:none;}
        #site-title {padding-left:0; background:none; line-height:1.2;}
        #site-title:before {content:url(http://www2.mrc-lmb.cam.ac.uk/wordpress/wp-content/themes/lmb2012/images/mrc_logo.jpg);width:107px; float:left; padding-left:10px; }
    #breadcrumbs {margin-top:20px;}
        /*#site-title a {padding-left:20px; line-height:; font-size:30pt;}
        #site-title a:after {content:" (" attr(href) ")"; font-size:0.3em;display:block;clear:both;}*/
        #content a[href^="http"]:after {content:" (" attr(href) ")"; font-size:80%;}
        #content a[href^="http://www2"]:after {content:none;}
        #content a {word-wrap: break-word; }
        .toggle_container {display:block !important;}
    #maincol {width:100%; margin:0;padding:20px;}
    .nine.columns.alpha {width:100%;}
    #footer .ten {width:100%; margin:0;}
    #footer {border-top:1px solid #ccc; }
    #footer .ten:after {content:"http://www2.mrc-lmb.cam.ac.uk";}
    .crystalform {page-break-inside:avoid;}
    .crystalform input, .crystalform select, .crystalform textarea {border:none;}
    /*.printthis {display:none;}*/
    }