/*! Generated by Fontspring (https://www.fontspring.com) on August 27, 2018. 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-2018 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: local('Amsi pro condbold'), local('Amsi-pro-condbold'), 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; }

/*********

Humanities CSS

*********/

[v-if],[v-show] { display: none; }

body {
  background: url(gfx/frontpage-background.png) center 0px repeat-x;
}
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;
}
#wrapper {
	background: url(gfx/banner.jpg) center 0px no-repeat;
}
.titleinner {
	margin-top: 0px;
}
#title h1 {
  background: url(gfx/title.png) 0px 115px no-repeat;
  color: #6e8f6a;
  font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
  font-size: 60px;
  font-variant-ligatures: normal;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.05;
  margin: 0 0 0 23px;
  max-width: 650px;
  padding: 375px 0 21px 0px;
  position: static;
  opacity: 1;
  text-rendering: optimizeLegibility;
}
#title h1.notopimage {
    max-width: 650px;
}
#title img {
  display: none;
}
#content h2 {
  border-bottom: none;
  font-family: 'Amsi Pro condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 35px;
	font-weight: 300;
  line-height: 1.15;
  margin: 35px 0 21px 0;
}
#content h3 {
  color: #6e8f6a;
  font-family: 'Amsi Pro Condbold', "Minion Pro", Minion, Times New Roman, serif;
  font-size: 23px;
  line-height: 1.4;
  margin-top: 21px;
}
#content p + h2,
#content table + h2,
#content ul + h2,
#content ol + h2,
#content dl + h2,
#content form + h2 { margin-top: 35px; }
#content p,
#content ul li,
#content ol li,
#content table th,
#content table td,
#content table td p,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#content p.caption232,
#right p,
#right li,
#right input {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.55; 
}
#right p,
#right li,
#right input {
    font-size: 14px;
}
#right h2 {
    margin-bottom: 14px;
}
#content p.caption232 {
    font-size: 13px;
    line-height: 1.55;
}
#content ul {
    margin-left: 16px;
}
#content ul li,
#content ol li {
	margin-bottom: 7px;
}
#content tr th {
    background: #ffffff;
    border-bottom: 1px solid #f9c000;
}
#content ul.pagesubnav {
	background: #f9f9f9;
	border: 1px solid #dddddd;
	border-radius: 3px;
  margin-top: 14px;
	padding-top: 14px;
	padding-bottom: 21px;
}
#content ul.pagesubnav li a {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
}
#content ul.pagesubnav li {
  list-style-image: url(/_assets/_gfx/arrow-grey-forward.svg);
  list-style-position: outside;
  margin-bottom: 7px;
  margin-left: 10px;
  padding-left: 3px;
  padding-right: 14px;
}

#content p.caption_232 img,
#content p.caption232 img {
  max-width: 226px;
}
#content #map_canvas {
  border: solid 1px #666;
  height: 250px;
  width: 100%;
}
#content p.caption_280 strong {
  font-weight: normal;
  color: #000000;
}
#content table tr th {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 700;
}
#content table tr th,
#content table tr td {
  line-height: 1.5;
}


/* Search box background */

.ui-widget-content {
  background: none;
}
#right {
  background-image: none;
  margin-top: 12px;
}
#right p,
#right ul {
  border: none;
}
#right h2 {
  background: none !important;
}
#right h3 {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
   font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 7px;
  margin-top: 0;
    padding-top: 0;
}
#right p {
    font-size: 14px;
}
ul#social_media {
  height: 290px;
}

/* Undergraduate page */
body.OTAGO054208 #content,
body.OTAGO054208 .otagoprofile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.OTAGO054208 .intro {
  margin-bottom: 21px;
  width: 100%;
}
body.OTAGO054208 #content .tile-box-shadow-thumbnail-description:nth-last-of-type(3n+2) {
  margin-right: 7.1%;
}
body.OTAGO054208 #content .tile-box-shadow-thumbnail-description:nth-last-of-type(3n+1) {
  margin-right: 0;
}
body.OTAGO054208 #content .tile-box-shadow-thumbnail-description h3 {
  font-family: "Open Sans", Helvetia, Arial, sans-serif;
  font-weight: 300;
  margin: 0 14px 21px 14px;
}
body.OTAGO054208 .tile-box-shadow-thumbnail-description h3:before {
  background-color: #f9c000;
  content: '';
  display: block;
  height: 3px;
  margin-top: 14px;
  margin-bottom: 12px;
  width: 35px;
}
body.OTAGO054208 #content .tile-box-shadow-thumbnail-description a {
  border-bottom: none;
}

/* Postgraduate page */
body.OTAGO054220 #content,
body.OTAGO062481 .otagoprofile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
body.OTAGO054220 .intro {
    width: 100%;
    margin-bottom: 21px;
}
body.OTAGO054220 #content .tile-box-shadow-thumbnail-description:nth-last-of-type(3n+2) {
    margin-right: 7.1%;
}
body.OTAGO054220 #content .tile-box-shadow-thumbnail-description:nth-last-of-type(3n+1) {
    margin-right: 0;
}
body.OTAGO054220 #content .tile-box-shadow-thumbnail-description h3 {
    margin: 0 14px 21px 14px;
    font-family: "Open Sans", Helvetia, Arial, sans-serif;
    font-weight: 300;
}
body.OTAGO054220 .tile-box-shadow-thumbnail-description h3:before {
    width: 35px;
	height: 3px;
	content: '';
	background-color: #f9c000;
	display: block;
	content: '';
	margin-top: 14px;
    margin-bottom: 12px;
}
body.OTAGO054220 #content .tile-box-shadow-thumbnail-description a {
    border-bottom: none;
}

/* Profiles page: OTAGO062481 */

body.OTAGO062481 #content.otgx,
body.OTAGO054267 #content.otgx .otagoprofile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
body.OTAGO062481 #slides .otagoprofile div.profile,
body.OTAGO054267 #slides .otagoprofile div.profile {
    width: 26%;
    margin-right: 7.1%;
    box-sizing: border-box;
    float: left;
    border-radius: 3px;
    border: 1px solid #dddddd;
    box-shadow: 0 0 10px #e4e4e4;
    margin-bottom: 46px;
    padding-bottom: 7px;
}
body.OTAGO062481 #slides .otagoprofile div.profile p,
body.OTAGO054267 #slides .otagoprofile div.profile p {
    width: auto;
    display: block;
    float: none;
    margin: 0 0 0px 0px;
    font-size: 12px;
    line-height: 1.5;
    background-color: #ffffff;
    padding-bottom: 7px;
    border-bottom: none;
}
body.OTAGO062481 #slides .otagoprofile div.profile h3,
body.OTAGO054267 #slides .otagoprofile div.profile h3 {
    font-size: 18px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin: 7px 14px 21px 14px;
    position: relative;
}
body.OTAGO062481 #slides .otagoprofile div.profile h3:after,
body.OTAGO054267 #slides .otagoprofile div.profile h3:after {
    width: 50px;
    height: 3px;
    background: #f9c000;
    content: '';
    position: absolute;
    left: 0;
    bottom: -12px;
    transition: all 0.3s ease-out;
}
body.OTAGO062481 #slides .otagoprofile div.profile h3:hover:after,
body.OTAGO054267 #slides .otagoprofile div.profile h3:hover:after {
    width: 100%;
}
body.OTAGO062481 #slides .otagoprofile div.profile a,
body.OTAGO054267 #slides .otagoprofile div.profile a {
    border-bottom: none;
}
body.OTAGO054267 #slides .otagoprofile a:first-child {
    max-height: 114px;
    margin-bottom: 0px;
}
body.OTAGO062481 #slides .otagoprofile div.profile img,
body.OTAGO054267 #slides .otagoprofile div.profile img {
    clear: both;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 2px 2px 0 0;
    max-width: 100%;
}
body.OTAGO062481 #slides .otagoprofile div.profile h3 + p,
body.OTAGO054267 #slides .otagoprofile div.profile h3 + p {
    margin-left: 14px;
    margin-right: 14px;
    font-size: 13px;
    line-height: 1.5;
}
body.OTAGO062481 #slides .otagoprofile div.profile .qual_subj,
body.OTAGO054267 #slides .otagoprofile div.profile .qual_subj {
    padding-left: 0px;
    padding-right: 0;
}
body.OTAGO062481 #slides .otagoprofile div.profile h3 + p.qual_subj,
body.OTAGO054267 #slides .otagoprofile div.profile h3 + p.qual_subj {
    font-family: Georgia, Times New Roman, serif;
    color: #888888;
    font-style: italic;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.4;
}

/* Profiles page: OTAGO638218 */

body.OTAGO638218 #content.otgx,
body.OTAGO638218 #content.otgx .otagoprofile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
body.OTAGO638218 #slides .otagoprofile div.profile,
body.OTAGO638218 #slides .otagoprofile div.profile {
    width: 26%;
    margin-right: 7.1%;
    box-sizing: border-box;
    float: left;
    border-radius: 3px;
    border: 1px solid #dddddd;
    box-shadow: 0 0 10px #e4e4e4;
    margin-bottom: 46px;
    padding-bottom: 7px;
}
body.OTAGO638218 #slides .otagoprofile div.profile p,
body.OTAGO638218 #slides .otagoprofile div.profile p {
    width: auto;
    display: block;
    float: none;
    margin: 0 0 0px 0px;
    font-size: 12px;
    line-height: 1.5;
    background-color: #ffffff;
    padding-bottom: 7px;
    border-bottom: none;
}
body.OTAGO638218 #slides .otagoprofile div.profile h3,
body.OTAGO638218 #slides .otagoprofile div.profile h3 {
    font-size: 18px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin: 7px 14px 21px 14px;
    position: relative;
}
body.OTAGO638218 #slides .otagoprofile div.profile h3:after,
body.OTAGO638218 #slides .otagoprofile div.profile h3:after {
    width: 50px;
    height: 3px;
    background: #f9c000;
    content: '';
    position: absolute;
    left: 0;
    bottom: -12px;
    transition: all 0.3s ease-out;
}
body.OTAGO638218 #slides .otagoprofile div.profile h3:hover:after,
body.OTAGO638218 #slides .otagoprofile div.profile h3:hover:after {
    width: 100%;
}
body.OTAGO638218 #slides .otagoprofile div.profile a,
body.OTAGO638218 #slides .otagoprofile div.profile a {
    border-bottom: none;
}
body.OTAGO638218 #slides .otagoprofile a:first-child {
    max-height: 114px;
    margin-bottom: 0px;
}
body.OTAGO638218 #slides .otagoprofile div.profile img,
body.OTAGO638218 #slides .otagoprofile div.profile img {
    clear: both;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 2px 2px 0 0;
    max-width: 100%;
}
body.OTAGO638218 #slides .otagoprofile div.profile h3 + p,
body.OTAGO638218 #slides .otagoprofile div.profile h3 + p {
    margin-left: 14px;
    margin-right: 14px;
    font-size: 13px;
    line-height: 1.5;
}
body.OTAGO638218 #slides .otagoprofile div.profile .qual_subj,
body.OTAGO638218 #slides .otagoprofile div.profile .qual_subj {
    padding-left: 0px;
    padding-right: 0;
}
body.OTAGO638218 #slides .otagoprofile div.profile h3 + p.qual_subj,
body.OTAGO638218 #slides .otagoprofile div.profile h3 + p.qual_subj {
    font-family: Georgia, Times New Roman, serif;
    color: #888888;
    font-style: italic;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.4;
}


/* Contacts pages */

.OTAGO054212 #content form fieldset {
    border: 1px solid #dddddd;
    box-sizing: border-box;
    margin: 0 0 21px 0;
}
.OTAGO054212 #content form fieldset label {
    box-sizing: border-box;
    margin-bottom: 7px;
    padding-bottom: 0;
    width: 100%;
}
.OTAGO054212 #content form fieldset input {
    background-image: none;
    margin: 0 0 21px 0;
    padding: 7px;
}
.OTAGO054212 #content form fieldset select,
.OTAGO054212 #content form fieldset textarea {
    box-sizing: border-box;
    width: 100%;
}
.OTAGO054212 #content form fieldset select {
    margin: 0 0 21px 0;
    min-height: 45px;
    padding: 7px;
}
.OTAGO054212 #content button {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin-top: 21px;
    width: auto;
}

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


body.frontpage #content {
  padding-top: 0;
}
body.frontpage  #title h1.notopimage {
	font-size: 50px;
  line-height: 1.05;
  max-width: 100%;
  padding-bottom: 21px;
}
body.frontpage  #content hr {
  border-top: 1px solid #dddddd;
  margin: 0px 0 14px 0;
  padding: 0;
}
body.frontpage  #content .grid1 > h2 {
  border-bottom: none;
  border-top: none;
  color: #7a9f76;
  font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
  font-size: 23px;
  font-weight: 300;
  letter-spacing: 0em;
  line-height: 1.3;
  margin: 0 0 0 0;
  padding-bottom: 14px;
  padding-top: 7px;
}
body.frontpage  #content h2 em {
    color: #888888;
  font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0;
}
body.frontpage  #content h3 {
    color: #6e8f6a;
    font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    padding: 21px 0 21px 0;
}
body.frontpage  #content .introduction h2 {
	font-size:  32px;
    margin-top: 0;
}
body.frontpage  #content h3.introduction {
    color: #333333;
   font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 18px;
    font-weight: normal;
  line-height: 1.5;
  padding-top: 0;
  padding-bottom: 28px;
}
body.frontpage #content.otgx {
  width: 882px;
}
#content .introduction-part2 {
  padding-top: 14px;
  padding-bottom: 28px;
  margin-bottom: 21px;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  clear: both;
}
body.frontpage  #content .frontpage-features {
    background: url(gfx/pattern-background.jpg) no-repeat center bottom;
    overflow: hidden;
    padding-bottom: 28px;
}
body.frontpage  #content .frontpage-features h3 {
    color: #000000;
    font-size: 17px;
    text-align: center;
    padding: 0px 0 14px 0;
}
body.frontpage  #content .frontpage-features p img {
    border: none;
    padding: 0;
    margin: 0;
}
body.frontpage  #content .frontpage-features p a {
    border-bottom: none;
}
body.frontpage  #content .arrow {
    background: url(https://www.otago.ac.nz/_assets/_gfx/arrow-grey-forward.svg) no-repeat 0 6px;
    padding-left: 20px;
}
body.frontpage  #content .grid2:nth-of-type(2n+1) {
    margin-right: 0;
}
body.frontpage  #content .grid1 {
    padding-top: 14px;
    padding-bottom: 21px;
}
body.frontpage #content .grid1 img {
    margin: 7px 0 7px 0;
    border: 0;
    padding: 0;
    max-width: 100%;
}
#slides .otagoprofile a:first-child {
    overflow: hidden;
    display: block;
    max-height: 122px;
    margin-top: 0px;
    margin-bottom: 9px;
}
body.frontpage  #content.otgx .grid1:nth-of-type(4n+1) {
    margin-right: 0;
}
body.frontpage  #content .grid1 ul {
    margin-left: 0;
}
#slides .otagoprofile {
	margin: 0px 0;
}
body.frontpage  #content .articletext h3 {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 16px;
    line-height: 1.5;
	font-weight: normal;
	margin: 0 0 7px 0;
	padding: 0;
}
body.frontpage  #content .articletext h3 + .smalltag {
    font-style: normal;
}
body.frontpage  #content .grid1 a {
	border-bottom: none;
}
body.frontpage  #right {
	background-image: none;
	clear: both;
	margin: -250px 0 0 0;
	padding: 0;
}

/* Humanities Podcasts */
.n4977 #content div#playlist div { clear: both; }
.n4977 #content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.n4977 #content div.grid_half {
    width: 46.4%;
    margin: 0 7% 46px 0;
    box-shadow: 0 0 10px #e4e4e4;
    background: #ffffff;
    float: left;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    box-sizing: border-box;
    transition: 0.3s all ease;
}
.n4977 #content div.grid_half:hover {
    border: 1px solid #cccccc;
    box-shadow: 0 0 2px #e4e4e4;
    background: #f5f5f5;
}
.n4977 #content div.grid_half:nth-of-type(2n) { margin-right: 0; }
.n4977 #content div.grid_half img { width: 100%; float: none; border-radius: 3px 3px 0 0; }
.n4977 #content div.grid_half h3 {
    font-size: 19px;
    line-height: 1.3;
    margin: 14px 14px 21px 14px;
    text-rendering: optimizeLegibility;
    font-family: 'Open sans', Helvetica, Arial, sans-serif;
    font-weight: 300;
}
.n4977 #content div.grid_half h3:before {
    content: '';
    display: block;
    width: 47px;
    height: 3px;
    background: #f9c000;
    margin-bottom: 7px;
}
.n4977 #content div.grid_half a {
    border-bottom: none;
}


/* Humanities subjects */

.OTAGO054254 #content.otgx {
    display: flex;
    flex-wrap: wrap;
}
.OTAGO054254 .tile-box-shadow-thumbnail-description:nth-of-type(3n) {
    margin-right: 7.1%;
}
.OTAGO054254 .tile-box-shadow-thumbnail-description:nth-of-type(3n) {
    margin-right: 0;
}
.OTAGO054254 #content .tile-box-shadow-thumbnail-description h2 {
    font-size: 19px;
}
.OTAGO054254 #content .tile-box-shadow-thumbnail-description h2:after {
    display: none;
}
.OTAGO054254 #content .tile-box-shadow-thumbnail-description h2:before {
    width: 35px;
    height: 3px;
    content: '';
    background-color: #f9c000;
    display: block;
    content: '';
    margin-top: 0px;
    margin-bottom: 7px;
}

/* Student Opportunities */

body.OTAGO054259 #content .grid3 .grid1 {
    margin-bottom: 28px;
}
body.OTAGO054259 #content .grid3 .grid1 h2 {
    font-size: 21px;
}
body.OTAGO054259 #content .grid3 .grid1:nth-of-type(3n) {
    margin-right: 0;
}
body.OTAGO054259 #content .grid3 .grid1:nth-of-type(3n+1) {
    clear: left;
}

/* Academic Committee */

body.OTAGO656599 #content.otgx {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
body.OTAGO656599 #content .grid_half {
    box-sizing: border-box;
    width: 47.4%;
    margin-right: 5.2%;
    margin-bottom: 46px;
    margin-top: 35px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-shadow: 0 10px 20px #f5f5f5;
}
body.OTAGO656599 #content .grid_half h2 {
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 7px;
    margin-top: 3px;
}
body.OTAGO656599 #content .grid_half:nth-of-type(2n+1) {
    margin-right: 0;
}
body.OTAGO656599 #content .grid_half .text {
    width: 48%;
    margin-right: 4%;
    float: left;
    padding: 7px 0 7px 14px;
    box-sizing: border-box;
}
body.OTAGO656599 #content .grid_half .text p {
    margin-bottom: 0;
}
body.OTAGO656599 #content .grid_half .image {
    width: 48%;
    margin-right: 0;
    float: left;
}
body.OTAGO656599 #content .grid_half .image img {
    border: none;
    border-radius: 0 2px 2px 0;
    float: right;
    margin: 0;
    padding: 7px;
}
body.OTAGO656599 #content .grid_quarter {
    width: 21.1%;
    margin-right: 5.2%;
    text-align: center;
    box-shadow: 0 10px 20px #f5f5f5;
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 14px 14px 14px 14px;
}
body.OTAGO656599 #content .grid_quarter:nth-of-type(4n+3) {
    margin-right: 0;
}
body.OTAGO656599 #content .grid_quarter h2 {
    margin-top: 7px;
    margin-bottom: 0;
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
}
body.OTAGO656599 #content .grid_quarter p {
    margin-bottom: 0;
}
body.OTAGO656599 #content .grid_quarter img {
    border: none;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    max-width: 100px;
}
body.OTAGO656599 #right {
    margin-top: 0px;
    padding-left: 0;
    margin-left: 0;
    background: none;
    position: absolute;
    top: 600px;
}
body.OTAGO656599 #right img{
    display: none;
}
body.OTAGO656599 #right p.smalltag {
    text-transform: none;
    padding-left: 20px;
}
body.OTAGO656599 #pagemetadata {
    clear: both;
    padding-left: 0;
    margin-left: 0;
}

/* Postgraduate styles */

body.n11895 #content h2 {
  border-top: none;
  border-bottom: none;
  font-size: 28px;
  line-height: 1.4;
  margin-bottom: 7px;
  padding-bottom: 0;
  padding-top: 0;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 300;
}
body.n11895 #content h2#opposubtitle {
  color: #163568;
  font-size: 28px;
}
body.n11895 #content .contact-details h2 {
  color: #163568;
  font-size: 28px;
}

body.OTAGO719736 #content h2 {
  border-bottom: none;
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 7px;
}
.postgraduate-opportunities-inner .contact-details {
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  border-radius: 3px;
  border: 1px solid #d0dae4;
  padding: 14px 21px 35px 21px;
  background: #f2f7fc;
  margin-top: 42px;
  margin-bottom: 28px;
}
body.n11895 #content .contact-details h2 {
  border-bottom: none;
  padding-top: 0;
  margin-bottom: 28px;
}
#content .contact-details h2:after {
  content: "";
  width: 63px;
  background: #f9c000;
  height: 4px;
  display: block;
  margin-top: 7px;
  margin-bottom: -7px;
}

/* Testimonal box | See: OTAGO659236 */

#content .testimonial-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 21px;
}
.testimonial-box {
  max-width: 47%;
}
.testimonial-box p:nth-of-type(1) {
	border: 1px solid #dddddd;
	border-radius: 3px;
	box-shadow: 0 5px 10px #f9f9f9;
	box-sizing: border-box;
	min-height: 155px;
	margin-top: 14px;
	padding: 14px;
	position: relative;
}
.testimonial-box p:nth-of-type(1)::after {
  background: url(/_assets/_gfx/quote-tail.svg) no-repeat center top;
  bottom: -14px;
  content: '';
  display: block;
  height: 20px;
  left: 14px;
  position: absolute;
  width: 20px;
}
#content .testimonial-box p img {
	border: 0;
	border-radius: 100%;
	float: right;
	height: 70px;
	margin: 0 0 14px 14px;
	padding: 0;
	width: 70px;
}
#content .testimonial-box h3 {
	font-size: 16px;
	margin-bottom: 0;
}
#content .testimonial-box p {
	font-size: 13px;
	line-height: 1.5;
}
#content .testimonial-box p em {
	font-style: normal;
}
#content .testimonial-box p:nth-of-type(2) {
	color: #888888;
	font-size: 11px;
}
#content .testimonial-box p:nth-of-type(2) strong {
	color: #333333;
}





/* Postgraduate styles */

.postgraduate-opportunities-inner .contact-details {
	box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	border-radius: 3px;
	border: 1px solid #d0dae4;
	padding: 14px 21px 35px 21px;
	background: #f2f7fc;
	margin-top: 42px;
	margin-bottom: 28px;
}
body.n11895 #content .contact-details h2 {
	border-bottom: none;
	padding-top: 0;
	margin-bottom: 28px;
	margin-top: 0;
}
#content .contact-details h2:after {
	content: "";
	width: 63px;
	background: #f9c000;
	height: 4px;
	display: block;
	margin-top: 7px;
	margin-bottom: -7px;
}
.oppothumb {
	padding-bottom: 0px !important;
	margin-bottom: -14px !important;
}
dl.oppoDetails {
	line-height: 1.5;
}
#content .oppoDetails dt {
	color: #777777;
	font-weight: 500;
	border-top: none;
	padding-right: 5%;
	width: 14%;
	padding-top: 0px;
	padding-bottom: 0px;
    margin-bottom: 7px;
    min-width: 100px;
}
#content .oppoDetailsInd dt {
	color: #777777;
	font-weight: 500;
	border-top: none;
	padding-right: 5%;
	width: 25%;
	padding-top: 0px;
	padding-bottom: 0px;
    margin-bottom: 7px;
}
#content .oppoDetails dd {
	border-top: none;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 75%;
}
#content .oppoDetailsInd dd {
	border-top: none;
	width: 70%;
	padding-top: 0px;
	padding-bottom: 0px;
}
#content form button.back {
	background-color: #416ebf;
	border-color: #416ebf;
	color: #ffffff;
}
#content form button.back:hover {
	background-color: #375da2;
	border-color: #375da2;
	color: #ffffff;
}
/* Divisional Administration */

#content .scale {
  position: relative;
}
#content .scale a {
  border-bottom: none;
  transition: all 0.3s ease-out;
}
#content .scale a:after {
  background: none;
  background-size: 22px;
  bottom: 20px;
  content:'';
  display: block;
  height: 25px;
  position: absolute;
  right: 20px;
  width: 28px;
  z-index: 999;
}
#content .scale a:hover:after {
  background: url(/_assets/_gfx/expand-icon-blue.svg) no-repeat 0 0;
}
#content .scale img {
  line-height: 0;
  margin: 0;
  padding: 0;
  transition: all 0.3s ease-out;
  width: 100%;
}

body.OTAGO054226 .scale img {
  border: none;
  background-color: red;
}



/* BA */

body.n3751,
body.n12365,
body.n12366,
body.n12367,
body.n12368 {
    background: url(gfx/ba-background.png) repeat-x 0 0;
}
.n3751 #wrapper,
.n12365 #wrapper,
.n12366 #wrapper,
.n12367 #wrapper,
.n12368 #wrapper {
    background: url(gfx/ba-banner.jpg) no-repeat right 0;
}
.n3751 #title h1,
.n12365 #title h1,
.n12366 #title h1,
.n12367 #title h1,
.n12368 #title h1 {
    background: url(gfx/ba-title@2x-blue.png) no-repeat 0 130px;
    background-size: 259px;
    color: #1f4a8c;
    position: relative;
}
.OTAGO054258 #title h1 {
    font-size: 58px;
}
.n3751 #title:after,
.n12365 #title:after,
.n12366 #title:after,
.n12367 #title:after,
.n12368 #title:after {
    background-image: radial-gradient(farthest-side at 320px 170px, rgba(255,255,255,0.9) 0%, rgba(0,0,0,0) 100%);
    content: '';
    display: block;
    height: 343px;
    left: 0px;
    position: absolute;
    top: -3px;
    width: 50%;
}
.n12365 #title h1.notopimage,
.n3751 #title h1.notopimage,
.n12366 #title h1.notopimage,
.n12367 #title h1.notopimage,
.n12368 #title h1.notopimage {
    max-width: 100%;
}

.n12365 #content,
.n3751 #content,
.n12366 #content,
.n12367 #content,
.n12368 #content {
    box-sizing: border-box;
    width: 100%;
}
.OTAGO054258 #content h2 {
    margin-bottom: 21px;
    margin-top: 7px;
    padding-top: 0;
}
.n12365 #content h3,
.n3751 #content h3,
.n12366 #content h3,
.n12367 #content h3,
.n12368 #content h3 {
  color: #1f4a8c;
  margin-bottom: 14px;
}
.OTAGO054258 #content .tile-box-shadow-thumbnail-no-description h2,
.OTAGO054258 #content .tile-box-shadow-thumbnail-no-description p + h2:first-of-type {
    font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial;
    font-size: 26px;
    font-weight: 700;
}
.OTAGO054258 #content .tile-box-shadow-thumbnail-no-description {
    box-shadow: 0 5px 10px #f1f1f1, 0 19px 20px #f9f9f9;
    transform: translateY(0);
    transition: all 0.3s ease-out;
}
.OTAGO054258 #content .tile-box-shadow-thumbnail-no-description:hover {
    box-shadow: 0 2px 4px #f1f1f1, 0 5px 10px #f9f9f9;
    transform: translateY(5px);
}
.OTAGO054258 #content .tile-box-shadow-thumbnail-no-description a {
    border-bottom: 0;
    display: block;
    padding-bottom: 14px;
}
.OTAGO741474 #content table.structure-table {
    border: 0;
    table-layout: fixed;
}
.OTAGO741474 #content table.structure-table caption {
    font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial;
    font-size: 18px;
}
.OTAGO741474 #content table.structure-table tr td {
    background: #f9c000;
    border: 2px solid #ffffff;
    text-align: center;
}
.OTAGO741474 #content table.structure-table tr td,
.OTAGO741474 #content table.structure-table tr td p {
  font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial;
  font-size: 16px;
  line-height: 1.2;
}
.OTAGO741474 #content table.structure-table tr {
    border-bottom: 0;
}
.OTAGO741474 #content table.structure-table tr td p:first-child {
    font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial;
    font-weight: 700;
}
.OTAGO741474 #content table.structure-table tr td:nth-of-type(1) {
    background: none;
}
.OTAGO741474 #content table.structure-table tr td:nth-of-type(1) p {
    background: #f9c000;
    border-radius: 50%;
    box-sizing: border-box;
    line-height: 1;
    height: 60px;
    padding-top: 5px;
    width: 60px;
}
.OTAGO741474 #content table.structure-table tr td:nth-of-type(1) p span {
    display: block;
    font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial;
    font-size: 30px;
    line-height: 1;
}
.OTAGO741474 #content table.structure-table .other-arts {
    background: #f5821f;
}
.OTAGO741474 #content table.structure-table .other-degree {
    background: #f15922;
}
.OTAGO741474 #content p.table-key {
    font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial;
    font-size: 15px;
    line-height: 1;
    margin-bottom: 35px;
    margin-left: 13%;
}
.OTAGO741474 #content .table-key span {
    border-radius: 50%;
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    width: 16px;
}
.OTAGO741474 #content .table-key span:not(:first-of-type) {
  margin-left: 4px;
}
.OTAGO741474 #content .table-key .major {
    background: #f9c000;
}
.OTAGO741474 #content .table-key .other-arts {
    background: #f5821f;
}
.OTAGO741474 #content .table-key .other-degree {
    background: #f15922;
}
.apply-now-box {
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin-top: 35px;
    padding: 14px;
    position: relative;
}
.apply-now-box:before {
    background: url(/_assets/_gfx/crest-line-left.svg) no-repeat 0 0;
    background-size: 200px;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    opacity: 0.1;
    top: 0;
    width: 190px;
    z-index: -1;
}
#content .apply-now-box h2 {
    color: #1f4a8c;
    font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial;
    font-size: 35px;
    margin-bottom: 21px;
    margin-top: 0;
    padding-top: 0;
    z-index: 99;
}
#content .apply-now-box .cta-button a {
    color: #333333;
    background: #f9c000;
    border: 2px solid #dfa000;
    border-radius: 16px;
    font-weight: bold;
    padding: 4px 10px;
    transition: all 0.3s ease-out;
}
#content .apply-now-box .cta-button a:hover {
    background: #dfa000;
    color: #ffffff;
}
#content .apply-now-box .cta-button a:active {
    background: #ad8112;
    color: #ffffff;
}


/* Subject page */

#datatable_filter {
    background: #f9f9f9;
    border: 1px solid #dddddd;
    border-radius: 3px 3px 0 0;
    box-sizing: border-box;
    margin: 0 0;
    padding: 10px 23px 10px 23px;
    width: 100%;
}
#content form {
  margin-bottom: 0;
  padding: 0;
}
#content label {
  float: none;
  font-weight: 700;
  margin-bottom: 7px;
  margin-top: 7px;
  width: 100%;
}
#content input {
  background: url(/_assets/_gfx/search-icon-grey.svg) no-repeat 10px center #ffffff;
  background-size: 15px;
  box-sizing: border-box;
  line-height: 2;
  margin-bottom: 21px;
  margin-top: 14px;
  padding: 7px 7px 7px 35px;
  width: 100%;
}
.OTAGO741453 #content table {
    border-bottom: 1px solid #dddddd;
    border-collapse: collapse;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    margin: 0 0 21px 0;
}
.OTAGO741453 #content table th {
    background: #ffffff;
    border-bottom: 1px solid #f9c000;
    color: #777777;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 14px;
    padding-bottom: 14px;
    text-transform: uppercase;
}
.OTAGO741453 #content table td {
  color: #f9c000;
  font-size: 13px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.OTAGO741453 #content table td a {
    border-bottom: 0;
    font-size: 16px;
    display: block;
    transition: all 0.3s ease-out;
}
.OTAGO741453 #content table td a:hover {
    border-bottom: 0;
}
.OTAGO741453 #content table td a strong {
    color: #f9c000;
    font-weight: 400;
    margin-left: 3px;
}
.OTAGO741453 #content table tr {
    transition: 0.3s all ease-out;
}
.OTAGO741453 #content table tr:hover {
    background: #f9f9f9;
}
.OTAGO741453 #content table td span.tag {
    background: #f9f9f9;
    border: 1px solid #dddddd;
    border-radius: 3px;
    color: #333333;
    display: inline-block;
    font-size: 12px;
    margin-right: 5px;
    padding: 2px 7px 2px 7px;
    transition: all 0.3s ease-out;
}
.OTAGO741453 #content table td span.tag + span.tag {
    margin-left: 5px;
}
.OTAGO741453 #content table td p {
    line-height: 1.6;
    margin-top: 7px;
}
.OTAGO741453 #papersearch {
    display: none;
}
.OTAGO741453 #papersearch + h3,
.OTAGO741453 h3 + ul,
.OTAGO741453 #content .notice {
    display: none;
}




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


@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    #title h1,
    body.frontpage #title h1 {
      background-image: url(gfx/title@2x.png);
      background-size: 263px;
    }
}


/* iPad landscape */

@media only screen and (min-width: 768px) and (max-width: 1160px) {
	#contentwrapper {
		padding-left: 0;
		padding-right: 0;
	}
	footer.wrapper,
	div.footer_wrapper,
	#topnav,
	.topnavinner,
	div#nav_holder  {
		box-sizing: border-box;
		max-width: 100%;
	}
	.titleinner {
		max-width: 79.8%;
		overflow: hidden;
		position: relative;
	}
	#title h1 {
		box-sizing: border-box;
	}
}


@media only screen and (min-width: 769px) and (max-width: 1024px) {
    #wrapper {
      background-position: 0 0;
    }
    body.frontpage  #title h1.notopimage {
  		max-width: 650px;
  	}
  	#title h1.notopimage {
  		max-width: 242px;
  	}
  	body.frontpage  #title h1 {
      font-size: 28px;
    }
    body.frontpage  #content h2 {
        font-size: 14px;
    }
    body.frontpage  #content .frontpage-features h3 {
        min-height: 48px;
        line-height: 1.2;
    }
    body.frontpage #content.otgx {
        width: 650px;
    }
	  body.frontpage  #content .grid2 {
  		max-width: 302px;
  	}
  	body.frontpage  #content .grid2 img {
  		max-width: 302px;
  	}
    body.frontpage  #content.otgx .grid1 {
        width: 150px;
        margin-right: 16px;
    }
    body.frontpage  #content.otgx .grid1 img,
    body.frontpage #content article img{
        max-width: 100%;
    }
    body.frontpage #content .grid1 img,
    body.frontpage #content.otgx .grid1 p img {
        margin: 7px 0 3px 0;
    }
    /* Postgraduate page */
    body.OTAGO062481 #content .tile-box-shadow-thumbnail-description h3,
    body.OTAGO054220 #content .tile-box-shadow-thumbnail-description h3 {
        font-size: 18px;
    }
    #slides .otagoprofile div {
        width: 100%;
        margin-right: 0;
        float: none;
    }
    /* Profiles */
    body.OTAGO062481 #content,
    body.OTAGO054267 #content {
        width: 100%;
        max-width: 650px;
    }

    /* Student activities & resources */

    body.OTAGO054259 #content .grid3 .grid1:nth-of-type(3n) {
        /* Reset margins */
        margin-right: 46px;
    }
    body.OTAGO054259 #content .grid3 .grid1:nth-of-type(3n+1) {
        /* Reset clear */
        clear: none;
    }
    body.OTAGO054259 #content .grid3 .grid1:nth-of-type(2n) {
        /* New margins */
        margin-right: 0;
    }

    /* Academic Committee */

    body.OTAGO656599 #content.otgx {
        width: 650px;
    }
    body.OTAGO656599 #content .grid_half {
        width: 48%;
        margin-right: 4%;
        min-height: 150px;
    }
    body.OTAGO656599 #content .grid_half:nth-of-type(2n+1) {
        margin-right: 0;
    }
    body.OTAGO656599 #content .grid_quarter {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 28px;
    }
    body.OTAGO656599 #content .grid_quarter:nth-of-type(2n+1) {
        margin-right: 0;
    }
}




/* Landscape tablet  */
@media only screen and (max-width: 768px) {
    #wrapper,
    body.frontpage  #wrapper {
        background-position: -50px 0;
    }
	  body.frontpage  #content {
        padding-top: 0;
    }
    body.frontpage  #content h2 {
        font-size: 17px;
    }
    body.frontpage  #content h3.introduction {
        font-size: 18px;
    }
	body.frontpage  #content .grid1 ul {
        margin-left: 5%;
    }
    body.frontpage  #content .grid_third {
		width: 100%;
	}
    body.frontpage  #content.otgx {
        width: 418px;
    }
    body.frontpage  #content.otgx .grid1:nth-of-type(2n+1) {
        margin-right: 0;
    }
    body.frontpage  #content .grid1 {
        min-height: 0;
        padding-top: 0;
        width: 44.4%;
    }
    body.frontpage  #content .frontpage-features {
        background-size: 514px;
    }
    #right {
    	border-top: 1px solid #e4e4e4;
    	margin-top: 0px;
    }
    body.frontpage  #right {
    	border-top: none;
    	width: 186px;
    }
    body.frontpage #right #pagemetadata {
        padding-right: 0;
    }
    /* Postgraduate page */
    body.OTAGO054220 #content .tile-box-shadow-thumbnail-description h3 {
        font-size: 18px;
    }
	#right {
		border-top: 1px solid #e4e4e4;
		margin-top: 0px;
	}
	body.frontpage  #right {
		border-top: none;
		width: 186px;
	}
    body.frontpage #right #pagemetadata {
        padding-right: 0;
    }
    /* Profiles */
    body.OTAGO062481 #content,
    body.OTAGO054267 #content {
        width: 100%;
        max-width: 418px;
    }
    body.OTAGO062481 #slides .otagoprofile a:first-child,
    body.OTAGO054267 #slides .otagoprofile a:first-child {
       max-height: 72px;
    }

    /* Academic Committee */

    body.OTAGO656599 #content.otgx {
        width: 418px;
    }
    body.OTAGO656599 #content .grid_half {
        width: 100%;
    }
    body.OTAGO656599 #content .grid_quarter {
        margin-bottom: 28px;
        margin-right: 4%;
        width: 48%;
    }
    body.OTAGO656599 #content .grid_quarter img {
        float: none;
        max-width: 100%;
        width: 70%;
    }
    body.OTAGO656599 #content .grid_quarter:nth-of-type(2n+1) {
        margin-right: 0;
    }
    body.OTAGO656599 #right {
        position: relative;
        top: 0;
    }
    body.OTAGO656599 #content .grid_half .image img {
        max-width: 100%;
    }
    body.OTAGO719736 #contentwrapper {
        display: flex;
        flex-direction: column-reverse;
    }
    body.OTAGO719736 #contentwrapper #content {
        flex: 1;
    }
    body.OTAGO719736 #contentwrapper #right {
        flex: 1;
        max-width: initial;
        padding-left: 0;
    }
    body.OTAGO719736 #contentwrapper #right {
        flex: 1;
        padding-left: 0;
        max-width: initial;
        width: 100%;
        margin-left: 232px;
        border-top: none;
    }
    body.OTAGO719736 #right .rightwidget {
        border-top: none;
    }


}



/* Mobile styles (phone and small tablet) media query */

@media only screen and (max-width: 700px) {
    body,
    body.frontpage  {
        background: none;
    }
    #wrapper,
    body.frontpage  #wrapper {
        background-size: 800px;
    }
    .titleinner h1 {
        max-width: 100% !important;
    }
    .titleinner {
        width: 92%;
    }
    #title h1,
    body.frontpage  #title h1 {
        background-position: 0 60px;
        background-size: 140px;
        font-size: 40px;
        letter-spacing: 0;
        margin-left: 0;
        padding-top: 230px;
    }
    body.frontpage  #title h1.notopimage {
        font-size: 35px;
    }
    body.frontpage  #content h2 {
        font-size: 19px;
    }
    body.frontpage #content .introduction h2 {
        font-size: 20px;
    }
     body.frontpage  #content.otgx {
        width: 97%;
    }
    body.frontpage  #content.otgx .grid1 {
        width: 45.5%;
        margin-right: 9%;
    }
    body.frontpage  #content .frontpage-features h3 {
        color: #000000;
        font-size: 15px;
        min-height: 41px;
    }
    body.frontpage  #content .grid1 p img {
        width: 100%;
        max-width: 100%;
        float: none;
    }
    body.frontpage  #content article img {
        max-width: 100%;
        height: auto;
        float: none;
        margin-left: 0;
        width: 100%;
    }
    #slides .otagoprofile a:first-child {
        max-height: 200px;
    }
    body.frontpage #right {
        margin-top: 0;
    }
    /* Profiles */
    body.OTAGO062481 #content,
    body.OTAGO054267 #content {
        width: 100%;
        max-width: 97%;
    }
    body.OTAGO062481 #slides .otagoprofile a:first-child,
    body.OTAGO054267 #slides .otagoprofile a:first-child {
       max-height: 114px;
    }
    .n4977 #content {
        width: 97%;
    }
    .n4977 #content div.grid_half {
        margin: 0 7% 23px 0;
    }
    .n4977 #content img {
        float: none;
        max-width: 100%;
        margin-left: 0;
    }

    /* Academic Committee */

    body.OTAGO656599 #content.otgx {
        width: 97%;
    }
    body.OTAGO719736 #title ul#breadcrumbs {
        margin-left: 4%;
    }
    body.OTAGO719736 #right label, #right input, #right textarea {
        width: 99%;
    }
    body.OTAGO719736 #content .oppoDetails dd {
        margin-bottom: 14px;
    }
	body.OTAGO719600 #right label, #right input, #right textarea {
		width: 99%;
	}
	body.OTAGO719600 #content .oppoDetails dd {
		margin-bottom: 14px;
	}
    body.OTAGO719736 #contentwrapper #right {
        margin-left: 0;
    }
    .n12365 #content,
    .n3751 #content,
    .n12366 #content,
    .n12367 #content,
    .n12368 #content {
        width: 97%;
    }
    .OTAGO741474 #content table.structure-table {
        display: block;
        table-layout: auto;
        width: 100%;
      }
    .OTAGO741474 #content table.structure-table tbody,
    .OTAGO741474 #content table.structure-table tr,
    .OTAGO741474 #content table.structure-table td {
        box-sizing: border-box;
        display: block;
        width: 100%;
    }
    .OTAGO741474 #content table.structure-table tr td:not(:first-of-type) {
        padding-left: 14px;
        text-align: left;
    }
    .OTAGO741474 #content table.structure-table tr td:nth-of-type(1) p {
        margin-top: 21px;
    }
    .OTAGO741474 #content p.table-key {
        margin-left: 0;
    }
    body.n3751,
    body.n12365,
    body.n12366,
    body.n12367,
    body.n12368 {
        background: none;
    }
    .n3751 #wrapper,
    .n12365 #wrapper,
    .n12366 #wrapper,
    .n12367 #wrapper,
    .n12368 #wrapper {
        background-position: -310px 0;
        background-size: 1000px;
    }
    .n3751 #title h1,
    .n12365 #title h1,
    .n12366 #title h1,
    .n12367 #title h1,
    .n12368 #title h1 {
        background-position: 0 70px;
        background-size: 190px;
        padding-top: 200px;
    }
    .n3751 #title:after,
    .n12365 #title:after,
    .n12366 #title:after,
    .n12367 #title:after,
    .n12368 #title:after {
        background-image: radial-gradient(farthest-side at 10px 130px, rgba(255,255,255,0.9) 10%, rgba(0,0,0,0) 100%);
        height: 200px;
    }
    /* Contacts pages */

    .OTAGO054212 #content form {
        width: 100%;
    }
    .OTAGO054212 #content form fieldset {
        padding: 14px;
    }
}




@media only screen and (max-width: 450px) {
    #wrapper,
    body.frontpage #wrapper {
      background-position: -230px 0;
    }
    .n4977 #content div.grid_half {
      margin: 0 0% 23px 0;
      width: 100%;
    }
    #content .testimonial-box p img {
      float: none;
      height: auto;
      margin-left: 0;
      max-width: 100%;
      width: 100%;
    }
    .n3751 #wrapper,
    .n12365 #wrapper,
    .n12366 #wrapper,
    .n12367 #wrapper,
    .n12368 #wrapper {
        background-position: -420px 0;
    }
    .n3751 #title h1,
    .n12365 #title h1,
    .n12366 #title h1,
    .n12367 #title h1,
    .n12368 #title h1 {
        background-size: 170px;
        padding-top: 200px;
    }
}




@media only screen and (max-width: 420px) {
    /* Postgraduate page */
    body.OTAGO054220 #content .tile-box-shadow-thumbnail-description:nth-of-type(3n+3) {
      margin-right: 0;
    }
}




@media only screen and (max-width: 400px) {
    body.frontpage  #content.otgx .grid1 {
      float: none;
      margin-right: 0;
      width: 97%;
    }
    #slides .otagoprofile a:first-child {
  		max-height: 100%;
  	}
    body.frontpage  #right {
      margin: 0px 0 0 0;
    }
    /* Profiles */
    .flexbox body.OTAGO062481 #slides .otagoprofile div.profile,
    .flexbox body.OTAGO054267 #slides .otagoprofile div.profile {
      margin-bottom: 21px;
      width: 42%;
    }
    .no-flexbox body.OTAGO062481 #slides .otagoprofile div.profile,
    .no-flexbox body.OTAGO054267 #slides .otagoprofile div.profile {
        width: 46.4%;
        margin-bottom: 28px;
    }
    .no-flexbox body.OTAGO062481 #slides .otagoprofile div.profile,
    .no-flexbox body.OTAGO054267 #slides .otagoprofile div.profile:nth-of-type(3n) {
        margin-right: 7.1%;
    }
    .no-flexbox body.OTAGO062481 #slides .otagoprofile div.profile,
    .no-flexbox body.OTAGO054267 #slides .otagoprofile div.profile:nth-of-type(2n) {
        margin-right: 0;
    }
}