/*! Generated by Fontspring (https://www.fontspring.com) on May 12, 2019 Fully installable fonts can be purchased at http://www.fontspring.com The fonts included in this stylesheet are subject to the End User License you purchased from Fontspring. The fonts are protected under domestic and international trademark and copyright law. You are prohibited from modifying, reverse engineering, duplicating, or distributing this font software. (c) 2010-2019 Fontspring */
@font-face { font-family: 'Amsi pro condlight'; src: url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Amsi pro condbold'; src: url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff) format('woff'); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/_assets/_fonts/opensans/opensans-regular.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-regular.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Semibold'), local('OpenSans-semibold'), url(/_assets/_fonts/opensans/opensans-semibold.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-semibold.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(/_assets/_fonts/opensans/opensans-light.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-light.woff) format('woff'); font-display: swap; }


/*****************

Department of Physics CSS

*****************/

body {
	background: url(gfx/background-2021.png) 0 0px repeat-x;
	text-rendering: optimizeLegibility;
}
#wrapper {
	background: url(gfx/banner-2021.jpg) center 0px no-repeat;
}
header#global_intro h1 {
  font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, arial, sans-serif;
  font-size: 23px;
  letter-spacing: 0.01em;
  line-height: 1.1;
}
header#global_intro h1.global_intro_maori {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25;
  margin-top: 5px;
  padding-bottom: 14px;
}
#title h1 {
	background: url(gfx/title-2021.png) 0 140px no-repeat;
	color: #053854;
	font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 55px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.05;
  margin: 0 0 14px 23px;
  max-width: 650px;
  min-width: auto;
  opacity: 1;
	padding: 440px 0 0 0;
	position: relative;
}
#title img {
    display: none;
}
#content h2 {
	border: none;
	color: #053854;
	font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, arial, sans-serif;
	font-size: 35px;
	font-weight: 300;
	line-height: 1.1;
	margin: 0 0 21px 0;
}
#content h3 {
	font-family: 'Open Sans', Helvetica, arial, sans-serif;
	font-weight: 700;
	color: #555555;
	font-size: 1.3em;
	line-height: 1.3;
	border: none;
	margin-top: 28px;
}
#content h4 {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-weight: 700;
	color: #053854;
	font-size: 1.1em;
	line-height: 1.3;
	border: none;
	margin-top: 21px;
}
#title p.heading-translation {
    color: #888888;
    font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    font-size: 25px;
    margin-bottom: 21px;
    margin-left: 23px;
    margin-top: -21px;
    padding-left: 0;
}
#content {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}
#content p,
#content ul,
#content ul li,
#content ol,
#content ol li,
#content table,
#content table th,
#content table td,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#right p,
#right li,
#right input {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
  line-height: 1.6;
}
#content p,
#content ul,
#content ul li,
#content ol,
#content ol li,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input {
    font-size: 16px;
}
#content ul,
#content ol {
	margin-left: 16px;
}
#content ul li {
	margin-bottom: 4px;
}

#content p.fullwidth-banner img {
	max-width: 100%;
	border: none;
	padding: 0;
	margin: 2px 0 0 0px;
}
#content table th {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
}
#content p img {
	margin: 0;
	border: none;
}
body.n2872 #content h1 {
    display: none;
}
#right {
	margin-top: -56px;
	position: relative;
	z-index: 9999;
	background-image: none;
}
/* Tabs */
#content .ui-tabs .ui-tabs-panel {
	padding: 2em 1em 1em;
	border: 1px solid #C5D0DF;
}
#content .ui-tabs ul {
    overflow: hidden;
}
#content .ui-tabs .ui-tabs-nav li {
	padding: 0 0 6px 0;
	margin: 0;
	top: 6px;
}
#content .ui-tabs .ui-tabs-panel ul li {
	border: none;
	margin-left: 20px;
}
#content li.ui-state-default.ui-corner-top {
	background-image: none;
	background-color: #053854;
	border-radius: 4px;
	min-width: 20%;
}
#content li.ui-state-default.ui-corner-top a:hover {
	background-color: #52daff;
}
#content li.ui-state-default.ui-corner-top a {
	color: #fff;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	border-bottom: none;
}
#content li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active a {
	color: #053854;
	border-bottom: none;
}
#content li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
	background-color: #FFF;
}
#content .ui-tabs .ui-tabs-panel#Course_Content table tr th {
	width: auto;
}




/***** Frontpage styles *****/

.not-allowed {
	display: none;
}
body.frontpage #title h1 {
	font-size: 52px;
	max-width: 882px;
	width: 100%;
}
body.OTAGO047913 #content {
	box-sizing: border-box;
	padding-bottom: 0;
	width: 100%;
}
body.OTAGO047913 #content h2.introduction {
	border: none;
	font-size: 29px;
	line-height: 1.25;
}
body.OTAGO047913 #content p.intro {
	border: none;
	font-family: "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 1.2em;
	margin: 0 0 32px 0;
}
body.frontpage #content .shadow-box {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
body.frontpage #content .shadow-box .grid1 {
	border: 1px solid #dddddd;
	box-shadow: 0 2px 6px rgba(0,0,0,0.105), 0 20px 20px rgba(0,0,0,0.1);
	box-sizing: border-box;
	margin-bottom: 28px;
	padding-bottom: 14px;
	transition: all 0.3s ease;
}
body.frontpage #content .shadow-box .grid1:hover {
	box-shadow: 0 1px 1px #e4e4e4, 0 5px 5px #f5f5f5;
}
body.frontpage #content .shadow-box .grid1:active {
	border: 1px solid #416ebf;
}
body.frontpage #content .grid1 h2 {
	color: #053854;
	font-family: "Amsi pro condbold", "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.1;
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 14px;
}
body.frontpage #content .grid1 h2:before,
body.frontpage #content .grid1 h3:after {
	background: #f9c000;
	content: '';
	display: block;
	height: 5px;
	margin-bottom: 7px;
	margin-top: 14px;
	width: 45px;
}
body.frontpage #content .grid1 a h2 {
	color: #416ebf;
	margin-top: 7px;
}
body.frontpage #content .shadow-box .grid1 p {
	margin-left: 14px;
	margin-right: 14px;
}
body.frontpage #content .grid1 a h3 {
	color: #416ebf;
	font-family: "Amsi pro condbold", "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: 14px;
	margin-top: 7px;
	padding-left: 14px;
	padding-right: 14px;
}
body.frontpage #content .grid1 a h3:before {
	background: #f9c000;
	content: '';
	display: block;
	height: 6px;
	margin-bottom: 4px;
	margin-top: 15px;
	width: 45px;
}
body.frontpage #content .grid1 a h3:after {
	display: none;
}
body.OTAGO047913 #content hr {
	margin: 45px 0 0 0;
	border-top: 1px solid #dddddd;
}
body.frontpage #content .grid1 {
	border-radius: 6px;
	margin-right: 5.3%;
	width: 21.0%;
}
body.frontpage #content .grid1 p {
	font-size: 14px;
	line-height: 1.45;
}
body.OTAGO047913 #content .grid1.quicklinks a {
	border: none;
}
body.OTAGO047913 #content .grid1.quicklinks ul {
	margin: 0;
}
body.OTAGO047913 #content .grid1.quicklinks li {
	background: url(gfx/arrow_physics5.png) 0px 7px no-repeat;
 	padding: 3px 3px 3px 14px ;
	list-style-type: none;
}
body.OTAGO047913 #content .grid1 img {
	border-radius: 2px 2px 0 0;
	width: 100%;
}
body.OTAGO047913 #content .grid1 p:last-child {
	margin-top: 7px;
}
body.OTAGO047913 #content .grid1 p a {
	background: url(/_assets/_gfx/arrow-yellow-forward.svg) no-repeat right center;
	border: none;
	display: block;
	font-weight: bold;
 	padding: 3px 3px 3px 0;
}
body.OTAGO047913 #content .grid1 a {
	border: none;
	display: block;
}
body.frontpage #content .shadow-box {
	margin: 0px 0 14px 0;
	padding: 0 0 0 0;
}
body.frontpage #content .caption {
	color: #888888;
	font-size: 12px;
	margin-bottom: 7px;
}
body.frontpage #content .doddwalls {
	border: 1px solid #dddddd;
	border-radius: 3px;
	box-sizing: border-box;
	display: block;
	margin-bottom: 56px;
	margin-top: 42px;
	padding: 14px;
}
body.frontpage #content .doddwalls h3 {
	color: #053854;
	font-family: 'Amsi pro condbold', "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 0;
	margin-top: 14px;
}
body.frontpage #content .doddwalls h3 + p {
	color: #555555;
	font-family: 'Amsi pro condlight', "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 0.01em;
}
body.frontpage #content .doddwalls .caption {
	color: #777777;
	margin-bottom: 14px;
}
body.frontpage #content .doddwalls img {
	border-bottom: 20px solid #f9c000;
	float: right;
	margin-bottom: 21px;
	margin-left: 28px;
	margin-top: 21px;
	/*height: 100%;
	object-fit: cover;*/
	width: 21%;
}
body.frontpage #content .doddwalls + .grid1 {
	display: flex;
	margin-bottom: 42px;
	width: 100%;
}
body.frontpage #content .doddwalls + .grid1 .quicklinks {
	border-radius: 3px;
	border: 1px solid #dddddd;
	box-shadow: 0 2px 4px #e4e4e4, 0 20px 20px #f5f5f5;
	box-sizing: border-box;
	padding: 14px;
	margin-right: 5%;
	width: 47.5%;
}
body.frontpage #content .doddwalls + .grid1 .eman {
	border-radius: 3px;
	border: 1px solid #dddddd;
	box-shadow: 0 2px 4px #e4e4e4, 0 20px 20px #f5f5f5;
	box-sizing: border-box;
	padding: 14px;
	width: 47.5%;
}
body.frontpage #content ul {
	list-style-image: url(/_assets/_gfx/arrow-grey-forward.svg);
}
body.frontpage #content ul li {
	margin-bottom: 14px;
}
body.frontpage #content .doddwalls ul li {
	margin-bottom: 4px;
}
body.frontpage #right {
	background-image: none;
	box-sizing: border-box;
	clear: both;
	margin: 0;
	padding: 0;
	position: relative;
	margin: 0 0 46px 232px;
	width: calc(100% - 232px);
}
body.frontpage #right .features h2 {
	color: #333333;
	font-family: 'Amsi pro condlight', "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 35px;
	line-height: 1.3;
	font-weight: 300;
	letter-spacing: 0;
	margin-bottom: 28px;
	padding: 0 0 0 0;
	text-transform: none;
}
body.frontpage .features {
	width: 418px;
	float: left;
}
body.frontpage .features article:hover {
	background: none;
}
body.frontpage .features article:nth-of-type(2n) {
	margin-right: 0;
}
body.frontpage #right .features article p.smalltag {
	margin-top: 7px;
}
body.OTAGO047913 #right .rightwidget {
	float: left;
}
body.frontpage #right h3 {
	font-size: 16px;
	line-height: 1.5;
}
body.frontpage #right .features {
	box-sizing: border-box;
	max-width: 882px;
	width: 100%;
}
body.frontpage .features article:nth-of-type(2n) {
	margin-right: 5.3%;
}
.features article {
	margin-right: 5.3%;
	width: 29.8%;
}
body.frontpage #right .features article img {
	max-width: 100%;
	width: 100%;
}
body.frontpage .news article .articletext {
	width: 100%;
}
body.frontpage #content .grid4 {
	display: flex;
	flex-wrap: wrap;
	float: none;
	margin-right: 0;
	padding-top: 14px;
	width: 100%;
}
body.frontpage #content .grid4:nth-of-type(3) .grid1:nth-of-type(2) {
	margin-right: 0;
}
body.frontpage #content .video-container {
    background: #00508F;
    border-top: 21px solid #f9c000;
    border-radius: 3px;
    margin-bottom: 49px;
	  margin-top: 42px;
    padding: 14px 21px 21px 14px;
}
body.frontpage #content .video-container h2 {
    border: 0;
    color: #ffffff;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 14px;
    margin-top: 14px;
    padding-top: 0;
}
body.frontpage #content .video-container h2 strong {
    color: #f9c000;
}
body.frontpage #content .video-container h3,
body.frontpage #content .video-container p {
    color: #ffffff;
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0.02em;
    line-height: 1.3;
    margin-bottom: 14px;
}
body.frontpage #content .video-container p:first-of-type {
    color: #f9c000;
}
body.frontpage #content .video-container p:last-of-type {
    margin-bottom: 42px;
}
body.frontpage #content .video-box {
    
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
}
body.frontpage #content .video-box iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}



/***** Our people styles *****/

#content #stafflist a,
#content #stafflist .display_name {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 1.3em;
	font-weight: 700;
}

#content #stafflist .smalltag {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
}

#content #stafflist p.email a,
#content #stafflist p.supervisors a {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;
	color: #426fbf;
	font-weight: normal;
}
#content #stafflist p.email a:hover,
#content #stafflist p.supervisors a:hover {
	text-decoration: underline;
}
#content #stafflist p.more a {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;
	color: #426fbf;
	font-weight: normal;
}
#content #stafflist p.more a:hover {
	text-decoration: underline;
}
#content #stafflist .person.grid1.academic-staff .imgWrapper p {
	padding: 7px 6px;
}

#content p.vcard {
	background: url(gfx/vcard.png) 0px 1px no-repeat;
 	padding: 1px 3px 3px 36px ;
	border: none;
}

#content p.vcard:hover {
	background: url(gfx/vcard_over.png) 0px 1px no-repeat;
}

.n2873 #title h1.notopimage {
	padding-bottom: 0;
}

.n2873 #content p.position {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 1.4em;
}

#tabs,
#content table caption {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
}
#content table caption {
	font-weight: bold;
}
#tabs.ui-widget.ui-widget-content {
	border: none;
}
#tabs.ui-widget.ui-widget-content table {
	margin-top: 21px;
}
.ui-widget-header {
	border: 1px solid #fff;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #C5D0DF;
	border-bottom: 1px solid #ffffff;
}
.n2873 #content .ui-tabs .ui-tabs-panel {
	padding: 2em 1em 1em;
	border: 1px solid #C5D0DF;
}
#content .ui-tabs .ui-tabs-panel {
	margin-top: -2px;
}
#content .ui-tabs ol li {
	border: none;
}
.n2873 #content .ui-tabs ul {
	overflow: hidden;
}

.n2873 #content .ui-tabs .ui-tabs-nav li {
	padding: 0 0 6px 0;
	margin: 0;
	top: 6px;
}

.n2873 #content li.ui-state-default.ui-corner-top {
	background-image: none;
	background-color: #053854;
	border-radius: 4px;
}

.n2873 #content li.ui-state-default.ui-corner-top a:hover {
	background-color: #52daff;
}

.n2873 #content li.ui-state-default.ui-corner-top a {
	color: #fff;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	border-bottom: none;
}

.n2873 #content li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active a {
	color: #053854;
	border-bottom: none;
}

.n2873 #content li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
	background-color: #FFF;
}

.n2873 #content dd a {
	word-wrap: break-word;
}

.n2873 #content p img {
	width: 186px;
}

/***** Research styles *****/

#content .grid_third {
	width: 263px;
	margin-right: 46px;
	float: left;
	min-height: 50px;
}


#content #research_grid h3 {
	font-size: 16px;
	font-weight: 600;
	color: #FFF;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, arial, sans-serif;
	line-height: 1.2;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	margin-bottom: 10px;
}

#content #research_grid .grid_third {
	height: 325px;
	position: relative;
	overflow: hidden;
	margin-bottom: 50px;
}
#content #research_grid .researchtopic.grid_third:nth-oftype(2n) {
	margin-right: 0;
}
#content #research_grid p {
	font-size: 14px;
	line-height: 16px;
	margin: 7px 0 7px 7px;
	background: url(gfx/arrow_physics4.png) 0px 7px no-repeat;
 	padding: 6px 3px 3px 12px ;
}
#content #research_grid a { display: block; border-bottom: none; color: #416EBF; }
#content #research_grid a:hover { text-decoration: underline; }
#content #research_grid div.extras { padding-top: 10px; }
#content #research_grid .imgWrapper { height: auto; }
#content #research_grid .imgWrapper img { display: block; }
#content #research_grid .imgWrapper h3{
	margin: 0;
	padding: 8px;
	position:relative;
	left: 0;
	right: 0;
	bottom: 0;
	background: #053854;
	opacity: 0.9;
}


/***** Staff listing with show/hide on hover *****/
#content #stafflist .grid1 { height: 540px; position: relative; overflow: hidden; margin-bottom: 50px; }
#content #stafflist div.person:nth-of-type(3n) { margin-right: 0; }

#content #stafflist p { font-size: 12px; line-height: 16px; margin-bottom: 10px; }
#content #stafflist a { display: block; border-bottom: none; color: #FFF; }
#content #stafflist .display_name { display: block; border-bottom: none; color: #FFF; }
#content #stafflist .smalltag { color: white; }

#content #stafflist div.extras { padding-top: 10px; }
#content #stafflist div.extras .smalltag { color: #666666; }

#content #stafflist .imgWrapper { height: auto; }
#content #stafflist .imgWrapper img { display: block;}
#content #stafflist .imgWrapper p {
	margin: 0;
	padding: 5px;
	position:relative;
	left: 0;
	right: 0;
	bottom: 0;
	background: #053854;
	opacity: 0.9;
}


/***** Individual Staff Profile Page *****/
.ui-tabs .ui-tabs-panel { padding: 1em 0; }
#content #tabs div div { border: none; }

#content .ui-tabs ul.pagesubnav {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #f1f4f8;
	color: #666;
	border-radius: 5px;
	margin: 0 0 49px 0;
	padding: 7px 7px 7px 14px;
	font-size: 9px !important;
	color: #333333;
}
#content div ul.pagesubnav li { border: none; }



/**Search Tabs**/


.n2876 #content ul.ui-tabs-nav {
  background: none !important;
  border: none !important;
  margin: 0 0 0 -23px !important;
}
.n2876 #content #google ul.ui-tabs-nav {
	margin: 0 0 0 0px !important;
}
.n2876 #content #google.ul.ui-tabs-nav li {
  margin-bottom: 0 !important;
  margin-right: 5px !important;
  border: 1px solid #C9DCFF;
  font-size: 12px;
  line-height: 1.0em;
}
#content #google ul li {
	margin-bottom: 0;
}
.n2876 #content li a {
  border-bottom: 1px white !important;
}
body.n2876 #google form fieldset {
	width: auto;
	margin: 0;
}
body.n2876 #google form fieldset {
	width: 100%;
	margin-bottom: 35px;
}
body.n2876 #google ul li {
	margin-bottom: 0;
}
body.n2876 #content .ui-tabs .ui-tabs-panel {
	padding: 0;
	border: none;
}
body.n2876 #content .ui-tabs ul {
	overflow: hidden;
}
body.n2876 #content .ui-tabs .ui-tabs-nav li {
	padding: 0 0 6px 0;
	margin: 0;
	top: 6px;
}
body.n2876 #content li.ui-state-default.ui-corner-top {
	background-image: none;
	background-color: #e0e7f0;
	border-radius: 0;
}
body.n2876 #content #google li.ui-state-default.ui-corner-top {
	background-color: #e4e4e4;
}
body.n2876 #content li.ui-state-default.ui-corner-top a:hover {
	background-color: #FFF;
	color: #003399;
}

body.n2876 #content li.ui-state-default.ui-corner-top a {
	color: #416EBF;
	font-family: Helvetica,Arial,sans-serif;
	border-bottom: none;
}

body.n2876 #content li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active a {
	color: #416EBF;
    border-bottom: 1px white !important;
}

body.n2876 #content li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
	background-color: #FFF;
}
body.n2876 #content #google li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
	background-color: #f9f9f9;
}

/* Research */

body.OTAGO047917 #content #research_grid .grid_right_col {
	margin-left: 310px;
}
body.OTAGO047917 #content #research_grid a {
	display: block;
	border-bottom: none;
	color: #053854;
}

/* MEDIA QUERIES ************/

/* Hi-res logo */

@media (-webkit-min-device-pixel-ratio: 1.5), /* Webkit-based browsers */
      (min--moz-device-pixel-ratio: 1.5),    /* Older Firefox browsers (prior to Firefox 16) */
      (min-resolution: 1.5dppx),             /* The standard way */
      (min-resolution: 192dpi)             /* dppx fallback */ {
          #title h1,
          #title h1.notopimage{
            background-image: url(gfx/title@2x-2021.png);
            background-size: 177px;
          }
}



/* iPad landscape */
@media only screen and (min-width: 769px) and (max-width: 1024px) {

	body.OTAGO047913 #content .grid1.quicklinks{
		position: absolute;
		top: 160px;
		right: -49px;
		margin-top: 0;
	}
	body.OTAGO047913 #content .shadow-box { background-position: center bottom; background-size: 632px; }
	body.OTAGO047913 #right { margin: 0 0 0 232px; }
	#content #research_grid .grid_third { height: auto; width: 418px; }
	#content #research_grid .imgWrapper { height: auto; float: left; width: 186px; margin-right: 46px; }
	#content #research_grid .imgWrapper img { max-width: 100%; }
	#content #research_grid div.extras { padding-top: 0; float: none; }

	#content #stafflist .grid1 { height: auto; width: 418px; }
	#content #stafflist .imgWrapper { height: auto; float: left; width: 186px; margin-right: 46px; }
	#content #stafflist div.extras { padding-top: 0; float: left; }

	/* Research */

	body.OTAGO047917 #content #research_grid .grid_right_col {
		margin-left: 0;
	}
}




@media only screen and (max-width: 768px) {
	body.OTAGO047913 #content .grid1 {
		width: 47.3%;
	}
	body.OTAGO047913 #content .grid1:nth-of-type(2n) { margin-right: 0; }

	body.OTAGO047913 #right { margin: 0 0 0 232px; width: 418px; }

	body.frontpage #right .features article {
		margin-right: 5.5%;
		width: 47%;
	}
	body.frontpage #right .features article:nth-of-type(2) {
		margin-right: 0;
	}


	.ui-tabs .ui-tabs-nav li a { padding: .8em 9% !important; font-size: 12px; }
	#content .ui-tabs li { margin-right: 2px !important; }


	#content #research_grid .grid_third { height: auto; width: 418px; }
	#content #research_grid .imgWrapper { height: auto; float: left; width: 186px; margin-right: 46px; }
	#content #research_grid .imgWrapper img { max-width: 100%; }
	#content #research_grid div.extras { padding-top: 0; float: none; }

	#content #stafflist .grid1 { height: auto; width: 418px; }
	#content #stafflist .imgWrapper { height: auto; float: left; width: 186px; margin-right: 46px; }
	#content #stafflist div.extras { padding-top: 0; float: left; }

	/* Research */

	body.OTAGO047917 #content #research_grid .grid_right_col {
		margin-left: 0;
	}
}




@media only screen and (max-width: 700px) {
	body { background: none; }
	#wrapper {
		background-position: right 20px;
		background-size: 1000px;
	}
	.titleinner {
		width: 92%;
	}
	#title h1.notopimage,
	body.frontpage #title h1.notopimage {
		background-position: 0 40px;
		background-size: 141px;
		font-size: 45px;
		line-height: 1.15;
		margin-left: 0;
		padding-top: 210px;
	}
	body.frontpage #title h1.notopimage {
		font-size: 35px;
		padding-bottom: 0;
	}
	body.frontpage #content {
		max-width: 97%;
	}
	body.frontpage #content h2 {
		font-size: 30px;
	}
	body.OTAGO047913 #content h2.intro { font-size: 1.5em; }
	body.OTAGO047913 #content .grid1 p a { padding-top: 5px; }
	body.OTAGO047913 #content .grid1.quicklinks{ width: 90%; }
	body.OTAGO047913 #right { margin: 0; width: 96.5%; }
	body.OTAGO047913 #right .weather { margin: 0; width: 90%; }
	#content .ui-tabs li { margin-right: 2px !important; }
	#content .ui-tabs .ui-tabs-nav li { padding: 3px; }

	#content #research_grid .grid_third { height: auto; width: 100%; }
	#content #research_grid .imgWrapper { margin-right: 10px; }
	#content #research_grid .imgWrapper img { float: none; max-width: 100%; margin: 0 auto 0; }
	#content #research_grid .imgWrapper h3 { display: block; overflow: hidden; }
	#content #research_grid div.extras { margin-top: 10px;  }

	#content #stafflist .grid1 { height: auto; width: 100%; }
	#content #stafflist .imgWrapper { margin-right: 10px; }
	#content #stafflist .imgWrapper img { max-width: 100% }
	#content #stafflist .person.grid1 .imgWrapper p { overflow: hidden; }
	#content #stafflist .person.grid1 div.extras { margin-top: 10px; }
	#content table {
    display: table;
		width: 100%;
	}
	#content caption {
		margin-top: 14px;
	}
	body.frontpage #content .shadow-box .grid1 {
		margin-bottom: 28px;
	}
	body.frontpage #content .shadow-box .grid1 h2 {
		font-size: 26px;
		padding-bottom: 0;
	}
	body.frontpage #content .grid1 p {
		font-size: 15px;
	}
	body.frontpage #content .grid1 img {
		float: none;
		margin-left: 0;
		max-width: 100%;
		width: 100%;
	}
	body.frontpage #content .doddwalls h3,
	body.frontpage #content .doddwalls h3 + p {
		line-height: 1.1;
	}
	body.frontpage #content .doddwalls h3 {
		margin-bottom: 7px;
	}
	body.frontpage #content .doddwalls + .grid1 {
		flex-wrap: wrap;
		margin-bottom: 0;
	}
	body.frontpage #content .doddwalls + .grid1 .quicklinks,
	body.frontpage #content .doddwalls + .grid1 .eman {
		margin-bottom: 21px;
		margin-right: 0;
		width: 100%;
	}
	body.frontpage #right .features article {
		margin-bottom: 21px;
		margin-right: 0;
		width: 100%;
	}
	#right {
		border-top: none;
	}
}



@media only screen and (max-width: 480px) {
	#wrapper {
		background-position: -500px 20px;
	}
}