@charset "UTF-8";
/*
Stylesheet      Common
Theme Name      School of Mathematics & Statistics 2014
URI             http://www.st-andrews.ac.uk/maths/
Version         2.12
Authors         gjms1, rg40, sde1
Description     Common layout and styles for School of Mathematics & Statistics 2014
                Framework built on Blueprint CSS 0.9.1 (16 grid variation)
                Includes jquery-tabs, maps-map, maths-people, icons.
Last Updated    2014-06-18
*/


/* -----------------------------------------------------------------------
0. =FRAMEWORK
----------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
Blueprint CSS Framework 0.9
http://blueprintcss.org
* Copyright (c) 2007-Present. See LICENSE for more info.
* See README for instructions on how to use Blueprint.
* For credits and origins, see AUTHORS.
* This is a compressed file. See the sources in the 'src' directory.
----------------------------------------------------------------------- */
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* --------------------------------------------------------------
   grid-16.css
   * Sets up an easy-to-use grid of 16 columns.
   By default, the grid is 960px wide, with 16 columns
   spanning 40px, and a 20px margin-right between columns.
   The container has a left and right padding of 10px.
-------------------------------------------------------------- */
/* A container should group all your columns. */
.container-16 {
  width: 940px;
  margin: 0 auto;
  padding: 0 10px;
}
/* Use this class on any div.span / container to see the grid. */
.showgrid-16 {
  background: url('grid-16.png')!important;
}

/* Columns
-------------------------------------------------------------- */
/* Sets up basic grid floating and margin. */
.container-16 .column,
.container-16 div.span-1,
.container-16 div.span-2,
.container-16 div.span-3,
.container-16 div.span-4,
.container-16 div.span-5,
.container-16 div.span-6,
.container-16 div.span-7,
.container-16 div.span-8,
.container-16 div.span-9,
.container-16 div.span-10,
.container-16 div.span-11,
.container-16 div.span-12,
.container-16 div.span-13,
.container-16 div.span-14,
.container-16 div.span-15,
.container-16 div.span-16
{
  display: inline;
  float: left;
  margin-right: 20px;
}

/* The last column in a row needs this class. */
.container-16 .last,
.container-16 div.last,
.container-16 input.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.container-16 .span-1 {width: 40px;}
.container-16 .span-2 {width: 100px;}
.container-16 .span-3 {width: 160px;}
.container-16 .span-4 {width: 220px;}
.container-16 .span-5 {width: 280px;}
.container-16 .span-6 {width: 340px;}
.container-16 .span-7 {width: 400px;}
.container-16 .span-8 {width: 460px;}
.container-16 .span-9 {width: 520px;}
.container-16 .span-10 {width: 580px;}
.container-16 .span-11 {width: 640px;}
.container-16 .span-12 {width: 700px;}
.container-16 .span-13 {width: 760px;}
.container-16 .span-14 {width: 820px;}
.container-16 .span-15 {width: 880px;}
.container-16 .span-16, .container-16 div.span-16 {width: 940px; margin: 0;}

/* Use these classes to set the width of an input. */
.container-16 input.span-1, .container-16 textarea.span-1,
.container-16 input.span-2, .container-16 textarea.span-2,
.container-16 input.span-3, .container-16 textarea.span-3,
.container-16 input.span-4, .container-16 textarea.span-4,
.container-16 input.span-5, .container-16 textarea.span-5,
.container-16 input.span-6, .container-16 textarea.span-6,
.container-16 input.span-7, .container-16 textarea.span-7,
.container-16 input.span-8, .container-16 textarea.span-8,
.container-16 input.span-9, .container-16 textarea.span-9,
.container-16 input.span-10, .container-16 textarea.span-10,
.container-16 input.span-11, .container-16 textarea.span-11,
.container-16 input.span-12, .container-16 textarea.span-12 {
  border-left-width: 1px !important;
  border-right-width: 1px !important;
  float: none;
  margin-right: 20px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  /* added margin-right so that it lines up with the grid -- had to add !important to .last too as this rule overwrites it.  There's something dodgy with the whole forms rules, need to investigate. */
}

.container-16 input.span-1, .container-16 textarea.span-1 { width: 28px!important; }
.container-16 input.span-2, .container-16 textarea.span-2 { width: 88px!important; }
.container-16 input.span-3, .container-16 textarea.span-3 { width: 148px!important; }
.container-16 input.span-4, .container-16 textarea.span-4 { width: 208px!important; }
.container-16 input.span-5, .container-16 textarea.span-5 { width: 268px!important; }
.container-16 input.span-6, .container-16 textarea.span-6 { width: 328px!important; }
.container-16 input.span-7, .container-16 textarea.span-7 { width: 388px!important; }
.container-16 input.span-8, .container-16 textarea.span-8 { width: 448px!important; }
.container-16 input.span-9, .container-16 textarea.span-9 { width: 508px!important; }
.container-16 input.span-10, .container-16 textarea.span-10 { width: 568px!important; }
.container-16 input.span-11, .container-16 textarea.span-11 { width: 628px!important; }
.container-16 input.span-12, .container-16 textarea.span-12 { width: 688px!important; }
.container-16 input.span-13, .container-16 textarea.span-13 { width: 674px!important; }
.container-16 input.span-14, .container-16 textarea.span-14 { width: 808px!important; }
.container-16 input.span-15, .container-16 textarea.span-15 { width: 868px!important; }
.container-16 input.span-16, .container-16 textarea.span-16 { width: 928px!important; }

/* Add these to a column to append empty cols. */
.container-16 .append-1  { padding-right: 60px;}
.container-16 .append-2  { padding-right: 120px;}
.container-16 .append-3  { padding-right: 180px;}
.container-16 .append-4  { padding-right: 240px;}
.container-16 .append-5  { padding-right: 300px;}
.container-16 .append-6  { padding-right: 360px;}
.container-16 .append-7  { padding-right: 420px;}
.container-16 .append-8  { padding-right: 480px;}
.container-16 .append-9  { padding-right: 540px;}
.container-16 .append-10 { padding-right: 600px;}
.container-16 .append-11 { padding-right: 660px;}
.container-16 .append-12 { padding-right: 720px;}
.container-16 .append-13 { padding-right: 780px;}
.container-16 .append-14 { padding-right: 840px;}
.container-16 .append-15 { padding-right: 900px;}

/* Add these to a column to prepend empty cols. */
.container-16 .prepend-1  { padding-left: 60px;}
.container-16 .prepend-2  { padding-left: 120px;}
.container-16 .prepend-3  { padding-left: 180px;}
.container-16 .prepend-4  { padding-left: 240px;}
.container-16 .prepend-5  { padding-left: 300px;}
.container-16 .prepend-6  { padding-left: 360px;}
.container-16 .prepend-7  { padding-left: 420px;}
.container-16 .prepend-8  { padding-left: 480px;}
.container-16 .prepend-9  { padding-left: 540px;}
.container-16 .prepend-10 { padding-left: 600px;}
.container-16 .prepend-11 { padding-left: 660px;}
.container-16 .prepend-12 { padding-left: 720px;}
.container-16 .prepend-13 { padding-left: 780px;}
.container-16 .prepend-14 { padding-left: 840px;}
.container-16 .prepend-15 { padding-left: 900px;}

/* Border on right hand side of a column. */
.container-16 div.border {
  border-right: 1px solid #eee;
  margin-right: 10px;
  padding-right: 9px;
}

/* Border with more whitespace, spans one column. */
.container-16 div.colborder {
  border-right: 1px solid #eee;
  margin-right: 40px;
  padding-right: 39px;
}

/* Prepends border with more whitespace, spans one column. */
.container-16 div.precolborder {
  border-left: 1px solid #eee;
  margin-left: 20px;
  padding-left: 39px;
}

/* Use these classes on an element to push it into the
next column, or to pull it into the previous column. */

.container-16 .pull-1 { margin-left: -60px;}
.container-16 .pull-2 { margin-left: -120px;}
.container-16 .pull-3 { margin-left: -180px;}
.container-16 .pull-4 { margin-left: -240px;}
.container-16 .pull-5 { margin-left: -300px;}
.container-16 .pull-6 { margin-left: -360px;}
.container-16 .pull-7 { margin-left: -420px;}
.container-16 .pull-8 { margin-left: -480px;}
.container-16 .pull-9 { margin-left: -540px;}
.container-16 .pull-10 { margin-left: -600px;}
.container-16 .pull-11 { margin-left: -660px;}
.container-16 .pull-12 { margin-left: -720px;}
.container-16 .pull-13 { margin-left: -780px;}
.container-16 .pull-14 { margin-left: -840px;}
.container-16 .pull-15 { margin-left: -900px;}
.container-16 .pull-16 { margin-left: -960px;}

.container-16 .pull-1, .container-16 .pull-2, .container-16 .pull-3, .container-16 .pull-4, .container-16 .pull-5, .container-16 .pull-6, .container-16 .pull-7, .container-16 .pull-8, .container-16 .pull-9, .container-16 .pull-10, .container-16 .pull-11, .container-16 .pull-12, .container-16 .pull-13, .container-16 .pull-14, .container-16 .pull-15, .container-16 .pull-16 {float: left; position: relative;}

.container-16 .push-1 { margin: 0 -60px 1.5em 60px;}
.container-16 .push-2 { margin: 0 -120px 1.5em 120px;}
.container-16 .push-3 { margin: 0 -180px 1.5em 180px;}
.container-16 .push-4 { margin: 0 -240px 1.5em 240px;}
.container-16 .push-5 { margin: 0 -300px 1.5em 300px;}
.container-16 .push-6 { margin: 0 -360px 1.5em 360px;}
.container-16 .push-7 { margin: 0 -420px 1.5em 420px;}
.container-16 .push-8 { margin: 0 -480px 1.5em 480px;}
.container-16 .push-9 { margin: 0 -540px 1.5em 540px;}
.container-16 .push-10 { margin: 0 -600px 1.5em 600px;}
.container-16 .push-11 { margin: 0 -660px 1.5em 660px;}
.container-16 .push-12 { margin: 0 -720px 1.5em 720px;}
.container-16 .push-13 { margin: 0 -780px 1.5em 780px;}
.container-16 .push-14 { margin: 0 -840px 1.5em 840px;}
.container-16 .push-15 { margin: 0 -900px 1.5em 900px;}
.container-16 .push-16 { margin: 0 -960px 1.5em 960px;}

.container-16 .push-1, .container-16 .push-2, .container-16 .push-3, .container-16 .push-4, .container-16 .push-5, .container-16 .push-6, .container-16 .push-7, .container-16 .push-8, .container-16 .push-9, .container-16 .push-10, .container-16 .push-11, .container-16 .push-12, .container-16 .push-13, .container-16 .push-14, .container-16 .push-15, .container-16 .push-16 {float: right; position: relative;}

/* Misc classes and elements
-------------------------------------------------------------- */
/* In case you need to add a gutter above/below an element */
.prepend-top {
  margin-top: 1.5em!important;
}
.append-bottom {
  margin-bottom: 1.5em!important;
}
/* Use a .box to create a padded box inside a column.  */
.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #E5ECF9;
}
/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none;
}
hr.space {
  background: #fff;
  color: #fff;
  visibility: hidden;
}
/* Clearing floats without extra markup. Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container-16:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
.clearfix, .container-16 {display: block;}
/* Regular clearing : apply to column that should drop below previous ones. */
.clear { clear:both; }

/* -----------------------------------------------------------------------
1. =BASE
----------------------------------------------------------------------- */

acronym {
    border: 0;
    color: #666;
    font-size: 0.875em;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Georgia","Book Antiqua","Palatino Linotype","Times New Roman",sans-serif;
    clear: both;
}
h2 {
    line-height: 1em;
    margin-top: 0;
    padding-top: 0;
}
h5, h6 {
    color: #666;
    font-weight: normal;
}
table, th, td {
    vertical-align: top;
}

/* ---------------------------------------------------------------------
2. =LAYOUT
----------------------------------------------------------------------- */

body {
    margin: 0 0 1em 0;
}

/* LAYOUT top nav bar*/
#topnavbar {
    height: 2.4em;
    position: relative;
}
#topnavbar ul{
    margin:0;
    padding:0;
}

/* LAYOUT header */
#header {
    height: 75px;
    position: relative;
}
#header form {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 20px;
}
/* #header form input#q */
#q {
    margin: 0;
    padding: 2px;
    width: 200px;
}
#header h1 {
    font-size: 2.6em;
    left: 75px;
    line-height: 65px;
    position: absolute;
}
#header h1 a {
    margin: 0;
    padding: 0;
    text-decoration: none;
}
#header img {
    left: 20px;
    position: relative;
    top: 10px;
}

/* LAYOUT Hide print-only header */
#print-header {
    display: none;
}

/* LAYOUT nav main */
#navmain {
    height: 36px;
    line-height: 36px;
    position: relative;
    width: 940px;
}
#navmain h1 {
    font-size: 2em;
    height: 36px;
    left: 0;
    line-height: 36px;
    margin: 0;
    padding: 0;
    position: absolute;
}
#navmain h1 a:link,
#navmain h1 a:visited,
#navmain h1 a:active,
#navmain h1 a:hover,
#navmain h1 a:focus {
    padding: 0 100px 0 32px;
    text-decoration: underline;
}
#navmain ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
}
#navmain li {
    display: inline;
    float: left;
    position: relative;
}
#navmain a:link,
#navmain a:visited {
    color: #fff;
    display: block;
    font-weight: normal;
    outline: none;
    padding: 0 0.8em;
    text-decoration: none;
}
#navmain li a:hover,
#navmain li a:active,
#navmain li.selected a:link,
#navmain li.selected a:visited {
    background: #fff !important;
    color: #000;
    outline: none;
}

/* LAYOUT main wrapper */
#mainwrapper {
    padding-top: 2em;
}

/* LAYOUT sidebar (left-hand navigation) */
#sidebar a {
    display: block;
    padding: 0 2px;
    text-decoration: none;
    width: 156px;
}
#sidebar h3 a:hover,
#sidebar h3 a:active {
    line-height: 1em;
    text-decoration: underline;
}
#sidebar ul {
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#sidebar li {
    display: block;
    line-height: 22px;
    margin: 0;
    overflow: hidden;
    text-decoration: none;
    width: 160px;
}

/* LAYOUT footer */
#footer {
    background-color: #3375b0;
    border-top: 10px solid #b5355d;  
    border-bottom: 1px solid hsl(0, 0%, 0%);
    font-family: Verdana, Arial, sans-serif;
    height: 190px;
    line-height: 18px;
    margin-bottom: 10px;
    width: 940px;
}
#footer p {
    color: #fff;
    margin-bottom: 0;
    padding-top: 10px;
    position: relative;
}
#footer a:link,
#footer a:visited {
    color: #fff;
    text-decoration: none;
    margin-left: 0;
}
#footer a:hover,
#footer a:active {
    text-decoration: underline;
}
#footer h4 {
    color: #fff;
    font-size: 1em;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 0;
}
#footer ul {
    margin-top: 5px;
    padding-left: 15px;
}
#footer li {
    padding-left: 5px;
}
/* #footer p#charity */
p#charity{
    float:left;
    margin-left: 10px;  
    width: 900px;
}
#footercol1-4, 
#footercol2-4,
#footercol3-4,
#footercol4-4 {
    display: inline;
    float: left;
    margin: 0px 10px;
    width:220px;
}
#footercol4-4 {
    margin: 0px;
    padding-right: 0;
}
#footer-links{
    float: right;
}

/* -----------------------------------------------------------------------
3. =MODULES
----------------------------------------------------------------------- */

/* MODULE skip to content*/
#skiptocontent a.access {
    display: inline;
    font-size: 1.25em;
    left: -200em;
    line-height: 1.5;
    margin: 0;
    padding: 0 1em;
    position: absolute;
    text-decoration: none;
    width: 14em;
    z-index: 2;
}
#skiptocontent a.access:hover {
    text-decoration: underline;
}
#skiptocontent a.access:focus,
#skiptocontent a.access:active {
    background: #fff6bf;
    border: solid #ffd324 2px;
    color: #000;
    left:0;
    position: absolute;
    top: 0;
}

/* MODULE global navigation */
ul#navglobal,
ul#navsearch {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}
ul#navsearch {
    right: 10px;
}
ul#navglobal {
    left: 0;
    width: 500px;
}
ul#navsearch li {
    float: none;
}
ul#navglobal li,
ul#navsearch li {
    display: inline;
    float: left;
    padding-left: 1.2em;
}
ul#navglobal li a,
ul#navsearch li a {
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    line-height: 2.4em;
    text-decoration: none;
}
ul#navglobal li a:hover, ul#navglobal li a:active,
ul#navsearch li a:hover, ul#navsearch li a:active {
    text-decoration: underline;
}

/* MODULE T4 MENU NAVIGATION */
span.currentbranch0 {
    background-color: #b5355d;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 0 2px;
    width: 156px;
}
* html span.currentbranch0 {
    width: 220px;
}
span.currentbranch0 a {
    color: #fff !important;
    padding: 0 !important;
    width: 156px !important;
}
ul.multilevel-linkul-0 {
    background-color: #cfdde9;
    width: 160px;
}
li span.currentbranch1 {
    display: block;
    font-weight: bold;
    padding: 0 2px;
    width: 160px;
}
ul.multilevel-linkul-1 a {
    padding-left: 20px !important;
    width: 138px !important;
}
li span.currentbranch1 a {
    left: -2px !important;
    position: relative;
    width: 156px !important;
}
li span.currentbranch2 {
    display: block;
    font-weight: bold;
    padding: 0 2px 0 20px;
}
ul.multilevel-linkul-2 a {
    padding-left: 40px !important;
    width: 118px !important;
}
li span.currentbranch2 a {
    display: block;
    left: -20px;
    padding-left: 20px !important;
    position: relative;
    width: 138px !important;
}
span.currentbranch3 {
    display: block;
    font-weight: bold;
    padding: 0 2px 0 40px;
}
ul.multilevel-linkul-3 a {
    padding-left: 60px !important;
    width: 98px !important;
}
li span.currentbranch3 a {
    left: -40px !important;
    padding-left: 40px !important;
    position: relative;
    width: 118px !important;
}
span.currentbranch4 {
    display: block;
    font-weight: bold;
    padding: 0 2px 0 60px;
}
ul.multilevel-linkul-4 a {
    padding-left: 80px !important;
    width: 138px !important;
}
li span.currentbranch4 a {
    left: -60px !important;
    padding-left: 60px !important;
    position: relative;
    width: 78px !important;
}
span.currentbranch5 {
    display: block;
    font-weight: bold;
    padding: 0 2px 0 80px;
}
ul.multilevel-linkul-5 a {
    padding-left: 100px !important;
    width: 58px !important;
}
li span.currentbranch5 a {
    left: -80px !important;
    padding-left: 80px !important;
    position: relative;
    width: 78px !important;
}
span.currentbranch6 {
    display: block;
    font-weight: bold;
    padding: 0 2px 0 100px;
}

/* MODULE landing page image boxes (e.g. UG or PG) */
ul#ugorpg {
    list-style-type: none !important;
    margin: 0;
    padding: 0;
}

ul#ugorpg li {
    float: left;
    margin-right: 10px;
}
h3.list-heading {
    background-color: #B5355D;
    color: #FFFFFF;
    margin: 0;
    padding: 5px;
}
h3.list-heading a:link,
h3.list-heading a:active,
h3.list-heading a:visited {
  text-decoration: none;
  color: #fff;
}

/* MODULE jQuery UI tabs plugin */
.ui-tabs-block {
    position: relative;
    width: 100%;
}
.ui-tabs-hide {
    display: none;
}
ul.ui-tabs-list {
    border-bottom: 1px solid #808080;
    height: 30px;
    line-height: 30px;
    list-style-type: none;
    margin: 0 0 1em 0;
    padding: 0;
}
ul.ui-tabs-list li {
    display: inline;
    float: left;
    margin-right: 5px;
    width: auto;
}
ul.ui-tabs-list li a {
    border-radius: 5px 5px 0 0;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    border-top: 1px solid #808080;
    display: block;
    float: left;
    height: 29px;
    line-height: 29px;
    width: auto;
}
ul.ui-tabs-list li a:link,
ul.ui-tabs-list li a:visited {
    background-color: #e0e0e0;
    color: #000 !important;
    padding: 0 8px;
    text-decoration: none;
}
ul.ui-tabs-list li a:hover {
    background-color: #fff;
}
ul.ui-tabs-list li a:focus {
    outline: none;
}
ul.ui-tabs-list li a:active,.ui-tabs-selected a,
ul.ui-tabs-list li.ui-tabs-selected a:hover {
    background-color: #fff !important;
    border-bottom: 1px solid #fff;
    color: #000;
    text-decoration: none !important;
}
.ui-tabs-disabled {
    background-color: #eee !important;
}

/* MODULE staff listing */
a.inactive {
    text-decoration: underline;
}

.dot-separator {
    color: #ccc;
    font-size: 1.8em;
    padding: 0 5px 0 5px;
}
.filter-heading {
    text-transform: capitalize;
}
.index-row:hover {
    background-color: #fff !important;
}
.index-row td {
    border-bottom: none;
    padding: 15px 0;
}
.index-row h2 {
    margin: 20px 0 10px 0; 
}
.names-table {
    border-collapse: collapse;
    margin-bottom: 40px;
}
.names-table tr {
    background-color: white;
}
.names-table th {
    background-color: #fff;
    color: #ccc;
    font-weight: normal;
    text-align: left;
}
.names-table th,
.names-table td {
    border-bottom: 1px solid #ddd;
    font-size: 1.0em;
}
.names-table td {
    background-color: transparent;
    vertical-align: top !important;
}
.names-table a {
    color: #3069bf;
    text-decoration: none;
}
.names-table a:hover {
    text-decoration: underline;
}
.names-table tr:hover {
    background-color: #ddd;
}
.profilePhoto {
    max-height: 90px;
    max-width: 60px;
}
.publicationDoi {
    display: none;
}

#contactDetails {
    float: left;
}
#names-index-list {
    padding: 10px 0;
    overflow: auto;
    margin-left: 0;
}
#names-index-list li {
    list-style-type: none;
    float: left;
}
#names-index-list li a {
    line-height: 1.4em;
    font-size: 1.4em;
    text-decoration: none;
}
#publications {
    margin: 10px 0px;
}
#staffPhoto {
    float: left; 
    margin: 0 10px 0 0;
}
#staffPhoto img {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 5px;
}

/* MODULE Google map */
.labels {
     background-color: rgba(255,255,255,0.8);
     border-radius: 5px;
     border: solid 1px #fff;
     color: #000;
     font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
     font-size: 12px;
     padding: 3px;
     text-align: center;
     white-space: nowrap;
}  
.maths-marker {
     background-color: rgba(170,202,217,0.8);
     border-radius: 5px;
     border: solid 1px #669fbb;
     color: #000;
     font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
     font-size: 12px;
     padding: 3px;
     text-align: center;
     white-space: nowrap;
}

/* MODULE Bootstrap buttons */
.btn {
    color: #fff;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn:hover,
.btn:focus {
    color: #333 !important;
    text-decoration: none;
}
.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-default {
    color: #333 !important;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
    color: #333 !important;
    background-color: #ebebeb;
    border-color: #adadad;
}
.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active {
    background-image: none;
}
.btn-primary,
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
.btn-success,
    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
.btn-info,
    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
.btn-warning,
    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning:active,
    .btn-warning.active,
.btn-danger,
    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active,
    .btn-danger.active {
    color: #fff !important;    
}
/* Primary (St Andrews Blue 80%) */
.btn-primary {

    background-color: #3375b0;
    border-color: #00539b;
}
/* (St Andrews Blue 100%) */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #00539b;
    border-color: #00539b;
    }
/* Success (St Andrews Green 80%) */
.btn-success {
    background-color: #76c76d;
    border-color: #54b948;
}
/* (St Andrews Green 100%) */
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
    background-color: #54b948;
    border-color: #54b948;
}
/* Info (St Andrews Light Blue 80%) */
.btn-info {
    background-color: #33bef2;
    border-color: #00aeef;
}
/* (St Andrews Light Blue 100%) */
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
    background-color: #00aeef;
    border-color: #00aeef;
}
/* Warning (St Andrews Orange 80%) */
.btn-warning {
    background-color: #f9ad4a;
    border-color: #f8981d;
}
/* (St Andrews Orange 100%) */
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
    background-color: #f8981d;
    border-color: #f8981d;
}
/* Danger (St Andrews Burgundy 80%) */
.btn-danger {
    background-color: #b5355d;
    border-color: #a30234;
}
/* (St Andrews Burgundy 100%) */
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
    background-color: #a30234;
    border-color: #a30234;
}
/* Button sizes */
.btn-lg,
.btn-large {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}
.btn-sm,
.btn-small {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-mini,
.btn-xs,
.btn-xsmall {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

/* MODULE Maths accordion */

.boxGenStaff{
    width:490px;
    background-color: #eee;
    border: 1px solid #ccc;
    color: #4d4d4d;
    padding: 12px 26px 10px 18px;
    margin-bottom: 10px;
}

.boxGenStaff h3,.boxGenStaff h4 {
    clear:none;
    padding:0 0 5px;
    margin:0;
}

.boxGenStaff p {
    margin:0;
    padding-bottom:10px;
}

.boxGenStaff div.toggle p {
    padding-bottom: 1.5em !important;
}

/* MODULE press releases (news) */
.pressrelease {
    margin-bottom: 1em;
}
.pressreleasefeature,
.pressreleasethumbnails {
    float: left;
}
.pressrelease h2 {
    margin: 0 0 0.25em 0;
}
.pressrelease h3 {
    margin: 0;
}
.pressrelease h2 a:link,
.pressrelease h2 a:visited,
.pressrelease h3 a:link,
.pressrelease h3 a:visited {
    color: #000000;
    text-decoration: none;
}
.pressrelease h2 a:hover,
.pressrelease h2 a:active,
.pressrelease h3 a:hover,
.pressrelease h3 a:active {
    color: #00539b !important;
    text-decoration: underline !important;
}
.pressrelease h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    margin-top: 1.4em !important;
    padding: 0;
}
.pressrelease h4 a {
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.pressrelease p {
    margin: 5px 0 0 0;
    padding: 0;
}
.pressrelease .prdate {
    color: #5f5f5f;
    font-size: 0.9em;
}
.pressrelease.snippets p {
    margin-bottom: 1.75em;
}


/* -----------------------------------------------------------------------
4. STATE
----------------------------------------------------------------------- */

/* STATE hidden class */
.hidden {
    display: none;
}

/* STATE Filetype icons */
#content a[href^="https:"],
#relatedcontent a[href^="https:"],
.download-pdf,
.rss,
a[href$=".avi"],
a[href$=".csv"],
a[href$=".doc"],
a[href$=".docm"],
a[href$=".docx"],
a[href$=".exe"],
a[href$=".gzip"],
a[href$=".ical"],
a[href$=".icalendar"],
a[href$=".ics"],
a[href$=".ifb"],
a[href$=".iso"],
a[href$=".lha"],
a[href$=".lzh"],
a[href$=".mov"],
a[href$=".mp3"],
a[href$=".pdf"],
a[href$=".ppt"],
a[href$=".pptm"],
a[href$=".pptx"],
a[href$=".rar"],
a[href$=".rdf"],
a[href$=".rss"],
a[href$=".rtf"],
a[href$=".t4"],
a[href$=".tar"],
a[href$=".tar.gz"],
a[href$=".txt"],
a[href$=".vcard"],
a[href$=".vcf"],
a[href$=".wmv"],
a[href$=".xls"],
a[href$=".xlsm"],
a[href$=".xlsx"],
a[href$=".xml"],
a[href$=".zip"],
a[href$=".zipx"],
a[href$="/?feed=rss2"],
a[href^="https://onlinepayments.st-andrews.ac.uk"],
a[href^="https://onlineshop.st-andrews.ac.uk"],
a[href^="mailto:"],
a[href^="SiteManager?ctfn=download&fnno="],
a[type ="application/rss+xml"] {
    background-position:right center;
    background-repeat: no-repeat; 
    margin:-2px 0 !important; 
    padding:2px 22px 2px 0 !important;
}

/* SSL */
#content a[href^="https:"],
#relatedcontent a[href^="https:"] {
    background-image: url('/media/styles/main-website/images/icons-css-filetype/icon_lock.png');
}
/* SSL Online shop */
a[href^="https://onlineshop.st-andrews.ac.uk"],
a[href^="https://onlinepayments.st-andrews.ac.uk"] {
    background-image:url('/media/styles/main-website/images/icons-css-filetype/icon_cart.png') !important;
}
/* SSL PURE */
#content a[href^="https://risweb.st-andrews.ac.uk"] {
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Audio */
a[href$=".mp3"] {
    background-image:url('/media/styles/main-website/images/icons-css-filetype/icon_mp3.png');
}
/* Application */
a[href$=".exe"] {
    background-image:url('/media/styles/main-website/images/icons-css-filetype/icon_exe.png');
}
/* Calendar */
a[href$=".ical"],
a[href$=".icalendar"],
a[href$=".ics"],
a[href$=".ifb"] {
    background-image:url('/media/styles/main-website/images/icons-css-filetype/icon_ical.png');
}
/* Contacts */
a[href$=".vcard"],
a[href$=".vcf"] {
    background-image:url('/media/styles/main-website/images/icons-css-filetype/icon_vcard.png');
}
/* Email */
#content a[href^="mailto:"] {
    background-image:url('/media/styles/main-website/images/icons-css-filetype/icon_email.png');
}
/* PDF */
a[href$=".pdf"] {
    background-image:url('/media/styles/main-website/images/icons-css-filetype/icon_pdf.png');
}
/* PowerPoint */
a[href$=".ppt"],
a[href$=".pptm"],
a[href$=".pptx"] {
    background-image:url('/media/styles/main-website/images/icons-css-filetype/icon_ppt.png');
}
/* Spreadsheets */
a[href$=".csv"],
a[href$=".xls"],
a[href$=".xlsm"],
a[href$=".xlsx"] {
    background-image:url('/media/styles/main-website/images/icons-css-filetype/icon_xls.png');
}
/* T4 Site Manager - DEBUG Can indicate issues with publishing */
a[href$=".t4"],
a[href^="SiteManager?ctfn=download&fnno="] {
    background-image:url('/media/styles/main-website/images/icons-css-filetype/icon_t4.png');
}
/* Text documents */
a[href$=".doc"],
a[href$=".docm"],
a[href$=".docx"] {
    background-image:url('/media/styles/main-website/images/icons-css-filetype/icon_doc.png');
}
a[href$=".rtf"] {
    background-image:url('/media/styles/main-website/images/icons-css-filetype/icon_rtf.png');
}
a[href$=".txt"] {
    background-image:url('/media/styles/main-website/images/icons-css-filetype/icon_txt.png');
}
/* Video */
a[href$=".avi"],
a[href$=".wmv"] {
    background-image:url('/media/styles/main-website/images/icons-css-filetype/icon_film.png');
}
a[href$=".mov"] {
    background-image:url('/media/styles/main-website/images/icons-css-filetype/icon_mov.png');
}
/* XML */
.rss,
a[href$=".rdf"],
a[href$=".rss"],
a[href$=".xml"],
a[href$="/?feed=rss2"],
a[href$="VacanciesFeed.aspx"],
a[type="application/rss+xml"]  {
    background-image:url('/media/styles/main-website/images/icons-css-filetype/icon_feed.png') !important;
}
/* Zipped / compressed file */
a[href$=".gzip"],
a[href$=".iso"],
a[href$=".lha"],
a[href$=".lzh"],
a[href$=".rar"],
a[href$=".tar"],
a[href$=".tar.gz"],
a[href$=".zip"],
a[href$=".zipx"] {
    background-image:url('/media/styles/main-website/images/icons-css-filetype/icon_zip.png');
}

/* -----------------------------------------------------------------------
5. THEMES
----------------------------------------------------------------------- */

/* THEME background colour for pages */
body {
        background: #c1c2c4;
}

/* THEME container*/
.container-16 {
    background: #fff;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
}

/* THEME top nav bar */
#topnavbar {
    background-color: #404040;
    border-bottom: 1px solid #777;
}

/*THEME header */
#header{
    background-color: #3375b0;
    background-image: url('/media/styles/school-of-mathematics/images/maths-header.png');
    /*color: #fff;*/
}
#header h1,
#header h1 a {
    color: #fff;
}
#header h1 a:hover,
#header h1 a:active {
    color: #d4e4f4;
    text-decoration: underline;
}

/* THEME nav main */
#navmain {
    background-color: #b5355d;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
#navmain h1 a:link,
#navmain h1 a:visited {
    color: #fff;
    text-decoration: none;
}
#navmain h1 a:active,
#navmain h1 a:hover,
#navmain h1 a:focus {
    color: #d4e4f4;
    text-decoration: underline;
}
#navmain li {
    background-image: url('http://www.st-andrews.ac.uk/media/school-of-chemistry/images/tick2.gif'); /* FIXME Move file to maths and use T4 media tag */
    background-repeat: no-repeat;
    background-position: left;
    font-size: 1.2em;
}

/* THEME sidebar */
#sidebar a,
#sidebar h3 a:hover,
#sidebar h3 a:active,
#sidebar li,
#content a:hover,
#content a:active,
#footer {
    color: #000;
}
#sidebar a:hover,
#sidebar a:active {
    background: none repeat scroll 0 0 #b5355d !important;
    color: #fff;
}
#sidebar h3 a:hover,
#sidebar h3 a:active {
    background: none repeat scroll 0 0 #fff !important;
}
#sidebar li {
    border-top: 1px solid #e0e0e0;
}

/* THEME content */
#content a:hover,
#content a:active {
    text-decoration: none;
}

/* THEME footer */
#footer {
    color: #cfcfcf;
}

/* PEOPLE table */
.column-2 {
    width: 20% !important;
}

/*
COLOURS
Black                       000
White                       fff
Background grey             c1c2c4
Light grey                  e0e0e0
Mid grey                    666
Dark grey                   404040

Primary
St Andrews Blue 100%        00539b
St Andrews Blue 80%         3375b0

Success
St Andrews Green 100%       54b948
St Andrews Green 80%        76c76d

Info
St Andrews Light Blue 100%  00aeef
St Andrews Light Blue 80%   33bef2

Warning
St Andrews Orange 100%      f8981d
St Andrews Orange 80%       f9ad4a

Danger
St Andrews Burgundy 100%    a30234
St Andrews Burgundy 80%     b5355d
*/