@import url('https://fonts.googleapis.com/css?family=Shanti&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');
@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; }

/*********

Human Resources CSS

*********/

body {
  background: url(gfx/background.png) center 0px repeat-x #ffffff;
  text-rendering: optimizeLegibility;
}
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 p.heading-translation {
  color: #777777;
  font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 40px;
  letter-spacing: 0.005em;
  line-height: 1.1;
  margin-bottom: 28px;
  margin-top: -18px;
  padding-left: 23px;
}
#wrapper {
	background: url(gfx/banner.jpg) center 0px no-repeat;
}
.titleinner {
	background: url(gfx/title-2019.png) 214px 50px no-repeat;
	margin-top: 0px;
  padding-top: 250px;
}
#title h1 {
  background: none;
  color: #00508f;
  font-family: 'Amsi Pro Condbold','Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 55px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.1;
  margin: 0 0 0 23px;
  opacity: 1;
  padding: 14px 0 7px 0px;
  position: relative;
}
#title h1.notopimage {
  margin-bottom: 21px;
  max-width: 650px;
}
#title img {
	display: none;
}
#content h2 {
    border-bottom: none;
    color: #00508f;
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    font-size: 35px;
  letter-spacing: -0.005em;
    line-height: 1.15;
    margin: 35px 0 28px 0;
}
#content h3 {
    color: #00508f;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 700;
    font-size: 26px;
  letter-spacing: 0.02em;
    line-height: 1.2;
  margin-bottom: 21px;
}
#content h4 {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
}
#content p,
#content ul li,
#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,
#content button,
#right p,
#right li,
#right input {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
  line-height: 1.5;
}
#content p,
#content ul li,
#content ol li {
  font-size: 16px;
  line-height: 1.5;
}
#content h2 strong {
  font-weight: 700;
}
#content  h2:first-of-type {
  margin-top: 0;
}
#content p + h2:first-of-type {
margin-top: 35px;
}
#content p.title-maori {
font-style: italic;
color: #999999;
font-family: Georgia, "Times New Roman", Times, serif;
margin-top: -30px;
margin-bottom: 40px;
}
#content ul li,
#content ol li {
  margin-bottom: 7px;
}
#content img,
#content p img {
  border: none;
  padding: 0;
}
#content .staffprofile {
  margin-bottom: 35px;
}
#content .staffprofile h3 {
  margin-bottom: 2px;
}
#content .staffprofile p {
  font-size: 12px;
  margin-bottom: 7px;
}
#content .smalltag {
  color: #888888;
}
#content .grid1 img {
  max-width: 100%;
}
#content .grid1 h3 {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.3;
}
#content .grid1 h3 img {
  margin: 0 0 7px 0px;
  padding: 0px;
  border: none;
}
#content .grid1:nth-of-type(3n) {
  margin-right: 0;
}
body.OTAGO060376 #content .grid1,
body.OTAGO060397 #content .grid1 {
  margin-bottom: 21px;
}
body.OTAGO060376 #content .grid1:nth-of-type(3n+1),
body.OTAGO060397 #content .grid1:nth-of-type(3n+1) {
	clear: left;
}
#content .grid1 h2 {
  font-size: 21px;
}
#content ul.pagesubnav {
  background: #f9f9f9;
  border: 1px solid #dddddd;
  padding-bottom: 14px;
  padding-top: 14px;
}
#content ul.pagesubnav li {
  margin-bottom: 7px;
}
#content ul.pagesubnav li a {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
}
#content div.featurebox_blue {
  border: 1px solid #dddddd;
  border-radius: 3px;
}

/* V.R. page */
.OTAGO665596 #content .notice {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  margin-top: 28px;
}
.OTAGO665596 #content .smalltag {
  color: #666666;
  font-style: normal;
}
.OTAGO665596 #content form fieldset {
  background: #f9f9f9;
  border: 1px solid #cccccc;
  border-radius: 3px;
  box-sizing: border-box;
  margin: 0 0 35px 0;
}
.OTAGO665596 #content form fieldset input + label {
  
}
.OTAGO665596 #content form fieldset label {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 7px;
  margin-top: 21px;
  width: 100%;
}
.OTAGO665596 #content form fieldset input {
  box-sizing: border-box;
  font-size: 16px;
  padding: 5px 10px;
  width: 100%;
}
.OTAGO665596 #content form fieldset legend {
  color: #00508f;
  font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 20px;
  font-weight: 700;
  -moz-osx-font-smoothing: grayscale;
}
.OTAGO665596 #content form button.submit {
  font-size: 16px;
  font-weight: bold;
  margin-top: 21px;
  padding-bottom: 3px;
  padding-top: 3px;
  text-shadow: 0 0 10px rgba(0,0,0,0.08);
  width: auto;
}
.OTAGO665596 #content img {
  margin-left: 0;
  margin-top: 14px;
}

/* Booking form */

#content .bookingform {
	background: #f1f4f8;
	padding: 14px;
	width: 620px;
    margin-top: 14px;
}
#content .bookingform table tr {
	border-bottom: none;
}

#content .bookingform p {
	padding: 0;
}
#content .bookingform input#submit {
	text-align: center;
	padding:  7px 21px 7px 30px;
	background: url(/_assets/_gfx/button-sprite.png) no-repeat -57px -244px, #86b239;
	border: 2px solid #6D842D;
	color: #ffffff;
	width: auto;
	float: right;
}
#content .bookingform h2 {
	clear: both;
}
#content .bookingform h2 strong {
	font-weight: 300;
}
#content .bookingform h3 strong {
	font-weight: 700;
}

/* Grid icons */

#content h2.icon-settings {
	font-size: 20px;
    -webkit-font-smoothing: subpixel-antialiased;
    margin-bottom: 7px;
}
#content h2.icon-settings a {
    padding-top: 126px;
	display: block;
    border-bottom: none;
}
.superannuation { background: url(gfx/pig.svg) center 0 no-repeat; transition: all 0.1s ease; }
.no-svg .superannuation { background: url(gfx/pig.png) center 0 no-repeat; }
.development { background: url(gfx/brain.svg) center 0 no-repeat; transition: all 0.1s ease; }
.no-svg .development { background: url(gfx/brain.png) center 0 no-repeat; }
.banking { background: url(gfx/bank.svg) center 0 no-repeat; transition: all 0.1s ease; }
.no-svg .banking { background: url(gfx/bank.png) center 0 no-repeat; }
.arrangements { background: url(gfx/scale.svg) center 0 no-repeat; transition: all 0.1s ease; }
.no-svg .arrangements { background: url(gfx/scale.png) center 0 no-repeat; }
.discounts { background: url(gfx/tag.svg) center 0 no-repeat; transition: all 0.1s ease; }
.no-svg .discounts { background: url(gfx/tag.png) center 0 no-repeat; }
.leave { background: url(gfx/calendar.svg) center 0 no-repeat; transition: all 0.1s ease; }
.no-svg .leave { background: url(gfx/calendar.png) center 0 no-repeat; }
.assistance { background: url(gfx/grad.svg) center 0 no-repeat; transition: all 0.1s ease; }
.no-svg .assistance { background: url(gfx/grad.png) center 0 no-repeat; }
.retiring { background: url(gfx/leave.svg) center 0 no-repeat; transition: all 0.1s ease; }
.no-svg .retiring { background: url(gfx/leave.png) center 0 no-repeat; }
.campus { background: url(gfx/sport.svg) center 0 no-repeat; transition: all 0.1s ease; }
.no-svg .campus { background: url(gfx/sport.png) center 0 no-repeat; }
.events { background: url(gfx/mask.svg) center 0 no-repeat; transition: all 0.1s ease; }
.no-svg .events { background: url(gfx/mask.png) center 0 no-repeat; }
.itessentials { background: url(gfx/computer.svg) center 0 no-repeat; transition: all 0.1s ease;  }
.no-svg .itessentials { background: url(gfx/computer.png) center 0 no-repeat; }
.security { background: url(gfx/lock.svg) center 0 no-repeat; transition: all 0.1s ease; }
.no-svg .security { background: url(gfx/lock.png) center 0 no-repeat;  }
.idcard { background: url(gfx/id.svg) center 0 no-repeat; transition: all 0.1s ease; }
.no-svg .idcard { background: url(gfx/id.png) center 0 no-repeat; }
.libraryservices { background: url(gfx/books.svg) center 0 no-repeat; transition: all 0.1s ease; }
.no-svg .libraryservices { background: url(gfx/books.png) center 0 no-repeat; }
.parking { background: url(gfx/car.svg) center 0 no-repeat; transition: all 0.1s ease; }
.no-svg .parking { background: url(gfx/car.png) center 0 no-repeat; }
.financialservices { background: url(gfx/calculator.svg) center 0 no-repeat; transition: all 0.1s ease; }
.no-svg .financialservices { background: url(gfx/calculator.png) center 0 no-repeat; }
.staffclub { background: url(gfx/food.svg) center 0 no-repeat; transition: all 0.1s ease; }
.no-svg .staffclub { background: url(gfx/food.png) center 0 no-repeat;  }
.childcare { background: url(gfx/bear.svg) center 0 no-repeat; transition: all 0.1s ease; }
.no-svg .childcare { background: url(gfx/bear.png) center 0 no-repeat; }
.recreation { background: url(gfx/sport.svg) center 0 no-repeat; transition: all 0.1s ease; }
.no-svg .recreation { background: url(gfx/sport.png) center 0 no-repeat; }
.physiotherapy { background: url(gfx/physiotherapy-icon.svg) center 0 no-repeat; transition: all 0.1s ease; }

.superannuation:hover, .development:hover, .banking:hover, .arrangements:hover, .discounts:hover, .leave:hover, .assistance:hover, .retiring:hover, .campus:hover, .events:hover, .itessentials:hover, .security:hover, .idcard:hover, .libraryservices:hover, .parking:hover, .financialservices:hover, .staffclub:hover, .childcare:hover, .recreation:hover {
    background-position: center 2px;
}

/* Jobs at Otago */

body.OTAGO065413 .caption418 {
	background: #f4f6f9;
	margin-top:35px;
	overflow: hidden;
}
body.OTAGO065413 #content .caption418 a {
	border-bottom: none;
}
body.OTAGO065413 .caption418 iframe {
	float: left;
}
body.OTAGO065413 .caption418 div.videobox {
	float: left;
	width: 418px;
	height: 235px;
}
body.OTAGO065413 .caption418 ul {
	float: right;
	margin-top: 10px;
	margin-bottom: 8px !important;
	width: 186px;
}
body.OTAGO065413 #content .caption418 li {
	list-style-image: url(gfx/arrow.png);
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 300;
	font-size: 18px;
	padding-right: 10px;
	margin-bottom: 7px;
}
body.OTAGO065413 #content .grid1 {
  margin-top: 21px;
}


/* Training pages */

.training-skin .popover {
	background: #f9f9f9;
	border: 1px solid #ccc;
	border-left: 5px solid #416ebf;
	padding: 14px;
	width: 200px;
	box-shadow: 0 0 10px #e4e4e4;
	position: absolute !important;
}


.OTAGO823934 #content {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%
}
.OTAGO823934 #content .grid1 a {
  display: block;
}
.OTAGO823934 .icon-booking {
    background: #ffffff url("/_assets/its/gfx/icon-booking.png") no-repeat scroll 0 14px;
}
.OTAGO823934 .icon-training {
    background: #ffffff url("/_assets/its/gfx/icon-training.png") no-repeat scroll 0 14px;
}
.OTAGO823934 .icon-courses {
    background: #ffffff url("/_assets/its/gfx/icon-courses.png") no-repeat scroll 0 14px;
}
.OTAGO823934 .icon-videos {
    background: #ffffff url("/_assets/its/gfx/icon-videos.png") no-repeat scroll 0 14px;
}
.OTAGO823934 .icon-custom {
    background: #ffffff url("/_assets/its/gfx/icon-custom.png") no-repeat scroll 0 14px;
}
.OTAGO823934 .icon-news {
    background: #ffffff url("/_assets/its/gfx/icon-news.png") no-repeat scroll 0 14px;
}
.OTAGO823934 .icon-online {
    background: #ffffff url("/_assets/its/gfx/icon-online.png") no-repeat scroll 0 14px;
}
.OTAGO823934 .icon-contact {
    background: #ffffff url("/_assets/its/gfx/icon-contact.png") no-repeat scroll 0 14px;
}
.OTAGO823934 #content .grid1 {
  margin-bottom: 46px;
  margin-right: 7%;
  transition: 0.3s transform ease;
  transform: translateY(0);
  width: 28.6%;
}
.OTAGO823934 #content .grid1:hover {
  box-shadow: 0 0 0 10px #ffffff, 0 0 0 11px #cccccc;
  transform: translateY(5px);
  transition: 0.3s transform ease;
}
.OTAGO823934 #content .grid1:nth-of-type(3n) {
  margin-right: 0;
}
.OTAGO823934 #content .grid1 a {
  background-size: 70px;
  border-bottom: none;
  padding-top: 100px;
}
.OTAGO823934 #content .grid1 a h2 {
  color: #416ebf;
  font-family: 'Amsi Pro Condbold','Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 25px;
  margin-bottom: 14px;
}
.OTAGO823934 #content .grid1 a p {
  color: #555555;
}



/* Shaping our culture */

.OTAGO710638 #title h1 {
  font-family: 'Shanti', 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 45px;
  -webkit-text-stroke: 2px #163568;
}
.OTAGO710638 #content h2 {
  font-family: 'Shanti', 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 30px;
  font-weight: normal;
  line-height: 1.2;
  margin-top: 42px;
}
.OTAGO710638 #content h2:before {
  background: #f9c000;
  content: '';
  display: block;
  height: 3px;
  margin-bottom: 14px;
  width: 47px;
}
.OTAGO710638 #content h3 {
  font-family: 'Shanti', 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin-top: 28px;
  -webkit-text-stroke: 1px #163568;
}
.OTAGO710638 #content p.fullwidthimage + h2 {
  margin-top: 0px;
}
.OTAGO710638 #content p.fullwidthimage img {
  border: 1px solid #dddddd;
  box-sizing: border-box;
  box-shadow: 10px 0 20px #f5f5f5;
}
.OTAGO710638 #content p,
.OTAGO710638 #content li {
    font-size: 15px;
}
.OTAGO710638 #content ol li {
  list-style-type: none;
  margin-bottom: 14px;
  margin-left: 20px;
  position: relative;
}
.OTAGO710638 #content ol li:before {
  border: 3px solid #f9c000;
  border-radius: 50%;
  color: #163568;
  content: '1';
  display: block;
  font-family: 'Shanti', 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: bold;
  height: 17px;
  left: -40px;
  line-height: 1;
  padding-top: 3px;
  position: absolute;
  text-align: center;
  -webkit-text-stroke: 1px #163568;
  width: 20px;
}
.OTAGO710638 #content ol li:nth-of-type(2):before {
  content: '2';
}
.OTAGO710638 #content ol li:nth-of-type(3):before {
  content: '3';
}
.OTAGO710638 #content ol li ul li {
    list-style-type: circle;
}
.OTAGO710638 #content ol li ul {
    margin-left: 0;
    margin-top: 14px;
}
.OTAGO710638 #content ol li ul li:before {
    display: none;
}
.OTAGO710638 #content hr {
  border-top: 1px solid #f9c000;
  margin-bottom: 35px;
  margin-top: 42px;
}
.take-part-container {
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin-bottom: 35px;
    margin-top: 35px;
    padding: 14px;
}
.take-part-container .take-part-workshops {
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-sizing: border-box;
    display: flex;
    margin-bottom: 7px;
}
#content .take-part-container .take-part-workshops p {
    background: #f9f9f9;
    flex-basis: 30%;
    border-right: 1px solid #dddddd;
    margin-bottom: 0;
    padding: 14px 14px 14px 14px;
}
#content .take-part-container .take-part-workshops p:nth-of-type(3) {
    border-right: 0;
}
#content .take-part-container .take-part-workshops p a {
    border-bottom: 0;
}


/* Right */

#right {
	background-image: none;
    padding: 14px 0 0 43px;
}
#right h2 {
  font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 16px;
  line-height: 1.3;
}
#right input.hazard-report {
	background: url(/_assets/_gfx/button-sprite.png) no-repeat -56px -244px, #c6d5f1;
	width: 70%;
	padding: 6px 20px 6px 20px;
	border-radius: 16px;
	color: #416ebf;
	border: 1px solid #a8bbdd;
	cursor: pointer;
	transition: 0.2s all ease;
}
#right input.hazard-report:hover {
	background: url(/_assets/_gfx/button-sprite.png) no-repeat -56px -244px, #a8bbdd;
	border: 1px solid #a8bbdd;
}
#right input.hazard-report:active{
	background: url(/_assets/_gfx/button-sprite.png) no-repeat -56px -244px, #eaeff8;
}

#map_canvas { width: 100%; height: 400px; }




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

body.frontpage {
    background: url(gfx/background-frontpage.png) center 0px repeat-x;
}
body.frontpage #wrapper {
	background: none;
}
body.frontpage .titleinner {
    padding-top: 418px;
    background: url(gfx/title-frontpage-2019.png) 231px 30px no-repeat;
    padding-bottom: 14px;
    position: relative;
}
body.frontpage #title img {
	display: block;
    position: absolute;
    top: 130px;
    box-shadow: 0 0 15px #a8bbdd;
}
body.frontpage #title h1 {
  background: none;
  font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 1.2;
  max-width: 100%;
  padding: 14px 0 28px 0px;
}
body.frontpage #content hr {
	margin: 0px 0 14px 0;
    padding: 0;
	border-top: 1px solid #e4e4e4;
}
body.frontpage #content {
    margin-top: 0;
    padding-top: 0;
    min-height: 250px;
}
body.frontpage #content h2 {
  color: #163568;
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
	margin: 0px 0 21px 0;
	padding-bottom: 0px;
  padding-top: 0px;
}
body.frontpage #content h3 {
  color: #7a9f76;
  font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 300;
  padding: 21px 0 21px 0;
}
body.frontpage #content p.clearall {
    line-height: 0;
    margin-bottom: 0;
}

/* Grids */

body.frontpage #content #box1 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 35px;
}

body.frontpage #content .grid2 {
    min-height: 10px;
    margin-top: 28px;
    margin-bottom: 28px;
}
body.frontpage #content .grid2:nth-of-type(2n) {
    margin-right: 0;
}
body.frontpage #content.otgx {
    margin-right: 0;
    float: none;
    width: 882px;
}
body.frontpage #content.otgx .grid1 img {
    padding: 0 0 0 6px;
    margin: 0;
}
body.frontpage #content.otgx .grid1 h2 {
    text-align: center;
    font-size: 22px;
    padding: 0 14px 14px 14px;
    margin: 0;
    background: url(gfx/stroke.png) center bottom no-repeat;
}
body.frontpage #content.otgx .grid1 p {
    padding: 14px 14px 0 14px;
}
body.frontpage #content.otgx .grid1 p img {
    border: none;
}
body.frontpage #content.otgx .grid1:nth-of-type(4n) {
    margin-right: 0;
}
body.frontpage #content.otgx .gridfifth {
  border: 1px solid #dddddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin-bottom: 14px;
  margin-right: 2.6%;
  transition: all 0.3s ease-out;
  width: 17.9%;
}
body.frontpage #content.otgx .gridfifth:hover {
	background-color: #f4f6f9;
  border: 1px solid #cccccc;
  transform: translateY(-10px);
  transition: all 0.3s ease-out;
}
body.frontpage #content.otgx .gridfifth:nth-of-type(5n) {
    margin-right: 0;
}

/* Frontpage icons */

body.frontpage #content .icon-region {
    margin-bottom: 21px;
}
body.frontpage #content .frontpage-icons {
    background: url(gfx/hr-icons.svg) no-repeat;
    text-align: center;
    margin-top: 14px;
    transition: all 0.2s ease-out;
}
html.no-svg body.frontpage #content .frontpage-icons {
    background: url(gfx/hr-icons.png) no-repeat;
}
body.frontpage #content .frontpage-icons a {
    border-bottom: none;
  display: block;
  font-size: 20px;
  padding-bottom: 14px;
  padding-left: 7px;
  padding-right: 7px;
    padding-top: 125px;
}
body.frontpage #content .frontpage-icons h2 {
    font-size: 16px;
}
body.frontpage #content .working {
    background-position: -330px 14px;
}
body.frontpage #content .join  {
    background-position: -525px 14px;
}
body.frontpage #content .career {
    background-position: -700px 14px;
}
body.frontpage #content .health {
    background-position: -145px 14px;
}
body.frontpage #content .tookit {
    background-position: 30px 14px;
}
body.frontpage #content .quicklinks-region h2 {
    background: url(gfx/link-icon-yellow.png) no-repeat right 5px;
}
body.frontpage #content .contact-region h2 {
    background: url(gfx/phone-icon-yellow.png) no-repeat right 5px;
}
body.frontpage #content .contact-region p {
	font-size: 13px;
}
body.frontpage #content .news-region h2 {
    background: url(gfx/news-icon-yellow.png) no-repeat right 5px;
}
body.frontpage #content .grid2:nth-of-type(2n+1) {
	width: 650px;
}
body.frontpage #content .grid2:nth-of-type(2n) {
	width: 186px;
}

/* Links container */

body.frontpage #content .quicklinks-region {
    width: 650px;
    float: left;
    margin-right: 46px;
    margin-bottom: 14px;
}
body.frontpage #content .quicklinks-container {
	border: 1px solid #dddddd;
  border-radius: 3px;
  box-shadow: 0px 2px 2px #f5f5f5, 0px 10px 20px #eeeeee;
	overflow: hidden;
  margin-bottom: 35px;
	padding: 21px 0 21px 0;
}
body.frontpage #content .quicklinks-container li {
	font-size: 16px;
    line-height: 1.4;
  margin-left: 14px;
    padding-left: 3px;
    padding-right: 10px;
    margin-bottom: 10px;
    list-style-image: url(gfx/arrow.png);
}
body.frontpage #content .quicklinks-container li a {
    border-bottom: none;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}
body.frontpage #content .quicklinks-container .grid1:nth-of-type(3n){
	width: 184px;
}

/* Contact region */

body.frontpage #content .contact-region {
    width: 186px;
    float: left;
}

/* FAQs button */

#content .faq-button a {
	background: url(gfx/arrow-white.png) 10px center no-repeat #8aa9d7;
	border-radius: 16px;
	text-align: center;
	padding: 5px 14px 4px 21px;
	margin-top: 35px;
	color: #ffffff;
	display: block;
	border: 1px solid #7b97c1;
	transition: all 0.2s ease-in;
}
#content .faq-button a:hover {
	background-color: #7b97c1;
}
#content .faq-button a:active {
	background-color: #b7c8e7;
	-webkit-transform: translateY(2px);
	transform: translateY(1px);
}

/* News section */

body.frontpage #content .news-region {
    border-top: 1px solid #e4e4e4;
  overflow: hidden;
    padding-top: 35px;
	margin-top: 0px;
    margin-bottom: 100px;
    clear: both;
}
body.frontpage #content .news-region article {
	width: 186px;
	margin-right: 46px;

	float: left;
}
body.frontpage #content .news-region article h3 {
	margin: 0 0 7px 0;
	padding: 0;
	line-height: 1.4;
	font-size: 17px
}
body.frontpage #content .news-region article h3 a {
	border-bottom: none;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 15px;
  font-weight: 400;
}
body.frontpage #content .news-region article:nth-of-type(4n) {
	margin-right: 0;
}
body.frontpage #content .news-region article .smalltag {
  font-style: normal;
}

/* Right */

body.frontpage #right {
	background-image: none;
	clear: both;
	margin: -250px 0 0 0;
	padding: 0;
}




/*==== Taleo styles =====================================*/

#content h1 {
    margin: 7px 0 14px 0;
    border-bottom: none;
    color: #000000;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 300;
    text-rendering: optimizeLegibility;
    font-size: 28px;
    line-height: 1.3;
}
#content table td.columnfull {
    padding: 0;
}
.listingperpagepanel,
.sortbypanel {
    background: #f1f4f8;
    padding: 14px 7px;
    float: left;
    margin-top: 14px;
    margin-bottom: 35px;
    border-bottom: 1px solid #dfe9f7;
}
#content table.tablelist,
#content table.contentlist {
    border-bottom: none;
}
.listingperpagepanel {
    width: 20%;
}
.sortbypanel {
    width: 60%;
    padding-right: 16.5%;
}
#content .listingperpagepanel label.label,
#content .sortbypanel label.label {
    margin-bottom: 7px;
    display: inline-block;
}
#content table.contentlist h2 {
    font-size: 22px;
    margin: 0 0 3px 0;
    padding: 0;
    -webkit-font-smoothing: subpixel-antialiased;
}
#content table.contentlist tr {
    border-bottom: none;
}
#content table.contentlist td {
    border-bottom: 1px solid #e4e4e4;
    padding: 0px 0 21px 0;
}
#content table.contentlist .ftlcopy.ftlblankrow td {
    border-bottom: none;
    padding: 0;
}
#content table.contentlist td a {
    border-bottom: none;
}
#content table td.columnfull input[type=button] {
    width: auto;
    margin: 10px 10px 10px 0;
    background: #f1f4f8;
    border: 1px solid #dfe9f7;
    border-radius: 16px;
    padding: 2px 14px;
    transition: all 0.3s ease-in;
}
#content table td.columnfull input[type=button]:hover {
    background: #dfe9f7;
}
.metapanel,
.metapanel2 {
    font-size: 11px;
    text-align: right;
}
.contentlinepanel {
    padding-bottom: 7px;
}
.contentlinepanel font {
    line-height: 1.5;
}
.columnfull .contentlinepanel .titlepage {
    font-size: 24px;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 300;
    margin-bottom: 28px;
}
#content .columnfull .contentlinepanel h2 span.subtitle {
    font-size: 22px;
    margin-top: 21px;
}
.jobposted {
    color: #888888;
    padding: 4px 0 0px 0;
    display: inline-block;
}
.separator {
    margin-left: 3px;
    margin-right: 3px;
    color: #999999;
}
.pagerpanel:first-of-type {
    background: #f1f4f8;
    border: 1px solid #dfe9f7;
    padding: 5px;
}
#content .pagerpanel a {
    border-bottom: none;
}
.inlinepanel {
    display: inline-block;
}
.mainsection {
    padding: 14px;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}
.accessmanagement .mainsection {
    border: none;
}
.mainsection .calloutimg {
    background: url("https://otago.taleo.net/careersection/2013PRD.2.7.53.3.0/images/callout.gif") no-repeat;
    border: 0;
    cursor: pointer;
    display: inline-block;
    margin: 2px 2px 0 0;
    vertical-align: top;
    width: 16px;
    height: 10px;
}
#content ul.linkpanel {
    margin-left: 0;
    margin-top: 28px;
    margin-bottom: 0;
}
#content ul.linkpanel li {
    list-style-type: none;
    display: inline-block;
    margin-right: 10px;
    font-size: 18px;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
}
#content ul.linkpanel li.link {
    background: #f1f4f8;
    border: 1px solid #dfe9f7;
    border-radius: 16px;
    padding: 2px 14px;
    transition: all 0.3s ease-in;
}
#content ul.linkpanel li.link:hover {
    background: #dfe9f7;
}
#content ul.linkpanel li.link a {
    border-bottom: none;
}
.linkpanel .grouplink {
    /* Update link */
    background: url(http://www.otago.ac.nz/_assets/_gfx/sprite-search.png) no-repeat 6px -53px;
    padding: 2px 15px 10px 30px;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #ffffff;
}
.accessmanagement .linkpanel .grouplink {
    border: none;
}
#content .accessmanagement table,
#content .accessmanagement table tr {
    border-bottom: none;
}
#content .dialog-columns label {
    clear: right;
    display: block;
    margin-top: 14px;
    margin-bottom: 7px;
}
#content .accessmanagement td input[type=text],
#content .accessmanagement input[type=password] {
    width: 50%;
}
#content .accessmanagement input[type=button] {
    background: #dfe9f7;
    border: 2px solid #cdd8e7;
    border-radius: 16px;
    padding: 4px 35px;
    transition: all 0.2s ease-in;
    width: auto;
}
#content .accessmanagement input#dialogTemplate-dialogForm-login-defaultCmd {
    background: url(http://www.otago.ac.nz/_assets/_gfx/button-sprite.png) no-repeat -58px -246px, #dfe9f7;
}
#content .accessmanagement input#dialogTemplate-dialogForm-login-register {
    background: url(http://www.otago.ac.nz/_assets/_gfx/button-sprite.png) no-repeat -182px -122px, #dfe9f7;
}
#content .accessmanagement input#dialogTemplate-dialogForm-login-defaultCmd:hover,
#content .accessmanagement input#dialogTemplate-dialogForm-login-register:hover {
    background-color: #cdd8e7;
}
#content .accessmanagement input#dialogTemplate-dialogForm-login-defaultCmd:active,
#content .accessmanagement input#dialogTemplate-dialogForm-login-register:active {
    border: 2px solid #dfe9f7;
}
#content .iam-link-small-no-text-decoration a {
    border-bottom: none;
}
.iam-entity-label-mandatory {
    margin-right: 5px;
}
#content a.hidden-audible {
    height: 0;
    overflow: hidden;
    text-indent: -9999px;
    display: none;
}
#content ul.link2panel {
    margin-left: 0;
    padding: 10px 10px;
    margin-top: -1px;
    margin-bottom: 0;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
}
#content ul.link2panel li {
    list-style-type: none;
    display: inline-block;
    margin-right: 10px;
    font-size: 12px;
}
.separatorlink2 {
    color: #cccccc;
}
#right table td {
    padding: 0;
}
.tablelist {
    margin-top: 7px;
}
#right h2 {
    padding-bottom: 7px;
}
#right img {
    max-width: 100%;
    width: auto;
}
#right table tr {
    border-bottom: none;
}
.contentlabelpanel {
    margin-bottom: 7px !important;
}
.userpanel.leftpanel {
    display: inline-block;
}
.pagerlinkselected {
    font-weight: bold;
}
.pagerlabel {
    margin-right: 40px;
}
.rightpanel {
    width: 125px;
    background: #f1f4f8;
    border: 1px solid #dfe9f7;
    border-radius: 4px;
    padding: 2px 12px 4px 12px;
    display: inline-block;
    float: right;
}
#content .metagrouppanel a {
    border-bottom: none;
}
.rightpanel img {
    margin-top: 4px;
    float: left;
}
#bottomBarInterface .rightpanel {
    background: none;
    border: none;
}
#content .interfacecallout table tr {
    border-bottom: none;
}
.metagrouppanel {
    float: none;
}
.metalink.metalinkinline {
    float: right;
}

/*==== Taleo styles =====================================*/

body.internalpage {
    width: 100%;
}
#kb_navMenu {
	background: #dce3eb;
}
ul#kb_buttons {
	/*border-bottom: 1px solid #bac8da;*/
	margin-left: 0;
	position: relative;
	margin-bottom: 0;
}
#kb_buttons li {
	display: inline-block;
}
#kb_buttons li a {
	display: inline-block;
	padding: 7px 14px;
}
#kb_buttons li .active {
	background: #f1f4f8;
	border-top: 1px solid #c6cfd9;
	border-right: 1px solid #c6cfd9;
	border-left: 1px solid #c6cfd9;
	border-bottom: 1px solid #f1f4f8;
	top: 1px;
    position: relative;
}
#kb_buttons li a {
	border-bottom: none;
}
#content #content_main fieldset {
	margin: 0 0 14px 0;
	width: 92.7%;
    border: 1px solid #c6cfd9;
}
#content #popularAnswersTitle {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 300;
	font-size: 24px;
	margin-top: 40px;
}
#content #results {
	margin-bottom: 21px;
}
#content #results table {
	border: none !important;
	margin-bottom: 0;
}
#content #results table tr {
	border-bottom: none;
}
#content #results td {
	font-size: 14px;
	transition: all 0.2s ease-in;
}
#content #results td:hover {
	background: #f1f4f8;
}
.resultTopic {
	font-size: 12px;
	color: #999;
}
#navNextButton {
	float: right;
	display: inline-block;
}
#navNextButton a {
	border-bottom: none;
	padding: 4px 30px 4px 21px;
	background: url(/_assets/_gfx/next-arrow.png) no-repeat right 6px, #ffcd23;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	border: 2px solid #dfa000;
	border-radius: 16px;
	display: inline-block;
	transition: all 0.2s ease;
}
#navNextButton a:hover {
	background-color: #dfa000;
	border: 2px solid #dfa000;
	color: #ffffff;
}
#navPrevButton {
    float: left;
	display: inline-block;
}
#navPrevButton a {
	padding: 4px 21px 4px 30px;
	border: 2px solid #316394;
	background: url(/_assets/_gfx/button-sprite.png) no-repeat -151px -149px, #387cc5;
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	border-radius: 16px;
	display: inline-block;
	transition: all 0.2s ease;
}
#navPrevButton a:hover {
    background-color: #316394;
    border: 2px solid #316394;
}
#content #Form1 {
	background: #f1f4f8;
	padding: 2% 4%;
	width: 100%;
	border: 1px solid #c6cfd9;
	margin-bottom: 21px;
	box-sizing: border-box;
	padding-bottom: 35px;
	font-size: 14px;
}
.answersHeader {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 300;
	font-size: 22px;
	margin-top: 21px;
	margin-bottom: 14px;
}
#questionText {
	font-weight: bold;
}
#navSearchButton a {
	color: #333333;
	display: inline-block;
	transition: all 0.2s ease;
	padding: 4px 21px 4px 21px;
	border: 2px solid #dfa000;
	background: #ffcd23;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	border-radius: 16px;
	float: right;
}
#navSearchButton a:hover {
	background: #dfa000;
	border: 2px solid #dfa000;
	color: #ffffff;
}
#submissionMessage {
	background: #f1f4f8;
	padding: 4% 4%;
	width: 100%;
	border: 1px solid #c6cfd9;
	margin-bottom: 21px;
	box-sizing: border-box;
	padding-bottom: 35px;
	font-size: 14px;
}
.footeractionpanel .rightpanel {
    text-align: right;
    display: block;
    background: none;
    border: none;
}




/* Values */

body.OTAGO744713 {
  background: none;
}
.OTAGO744713 #title h1.notopimage {
  color: #333333;
  font-family: 'Oswald', sans-serif;
  font-size: 60px;
  letter-spacing: -0.03em;
  margin-bottom: 35px;
  padding-top: 60px;
  /*text-shadow: 0 5px 10px rgba(0,0,0,0.4);
  text-transform: uppercase;*/
  width: 904px;
  max-width: 100%
}
.OTAGO744713 #wrapper {
  /*background: url(/_assets/humanresources/gfx/banner-culture.png) 0 0 repeat-x;*/
  background: none;
}
.OTAGO744713 .titleinner {
  background: none;
  padding-top: 0;
}
.OTAGO744713 #content {
  box-sizing: border-box;
  width: 100%;
}
.OTAGO744713 #content hr {
  border-top: 5px dotted #dddddd;
  margin-bottom: 63px;
  margin-top: 63px;
}
.OTAGO744713 #content h2 {
  color: #444444;
  font-family: 'Oswald', 'Open Sans', sans-serif;
  font-size: 40px;
  letter-spacing: -0.03em;
  margin-bottom: 35px;
}
.OTAGO744713 #content h2.introduction {
    font-size: 38px;
  margin-top: 14px;
}
.OTAGO744713 #content h3 {
  color: #444444;
}
.OTAGO744713 #content p {
  font-size: 16px;
  line-height: 1.6;
}
#content .values-container {
  display: flex;
  margin-bottom: 35px;
}
#content .values-container.respect {
  background: #cf5649;
}
#content .values-container.integrity {
/*   background: #a89762;
  background: #f4e4a8; */
  background: #ccbe91;
}
#content .values-container.curiosity {
  background: #6bb386;
}
#content .values-container.community {
  background: #2c625e;
}
#content .values-container .values-text {
  box-sizing: border-box;
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  padding: 21px 21px 70px 21px;
  transition: all 0.3s ease-out;
  width: 58%;
}
#content .values-container .values-text:hover {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
#content .values-container.respect .values-text {
  background: url(gfx/respect-background.png) no-repeat 0 0 #F8654C;
  background-size: cover;
}
#content .values-container.integrity .values-text {
  background: url(gfx/integrity-background.png) no-repeat 0 0 #AF9D51;
  background-size: cover;
}
#content .values-container.curiosity .values-text {
  background: url(gfx/curiosity-background.png) no-repeat 0 0  #F8654C;
  background-size: cover;
}
#content .values-container.community .values-text {
  background: url(gfx/community-background.png) no-repeat 0 0 #F8654C;
  background-size: cover;
}
#content .values-container .values-text h3 {
  background: url(gfx/staff-values-badge.svg) no-repeat center 0px;
  background-size: 150px;
  color: #ffffff;
  font-family: 'Oswald', sans-serif;
  font-size: 40px;
  line-height: 1.3;
  letter-spacing: -0.03em;
  margin-bottom: 21px;
  margin-top: 70px;
  padding-top: 160px;
  text-align: center;
}
#content .values-container .values-text p {
  color: #ffffff;
  font-style: italic;
  text-align: center;
  text-transform: uppercase;
  font-size: 19px;
}
#content .values-container .values-graphic {
  box-sizing: border-box;
  margin: 2%;
  width: 50%;
}
#content .values-skinny-container {
  border-radius: 14px;
  box-shadow: 0 0 0 4px #ffffff, 0 0 0 8px #333333;
  display: flex;
  margin-bottom: 70px;
  margin-top: 28px;
}
#content .values-skinny-container > div {
  box-sizing: border-box;
  padding: 14px;
  width: 25%;
}
#content .values-skinny-container h3 {
  color: #ffffff;
  font-family: 'Oswald', sans-serif;
  font-size: 30px;
}
#content .values-skinny-container p {
  color: #ffffff;
  font-style: italic;
}
#content .values-skinny-respect {
  background: url(gfx/respect-background.png) no-repeat 0 0 #F8654C;
  background-size: 400px;
  border-radius: 15px 0 0 15px;
}
#content .values-skinny-integrity {
  background: url(gfx/integrity-background.png) no-repeat 0 0 #F8654C;
  background-size: 400px;
}
#content .values-skinny-curiosity {
  background: url(gfx/curiosity-background.png) no-repeat 0 0 #F8654C;
  background-size: 400px;
}
#content .values-skinny-community {
  background: url(gfx/community-background.png) no-repeat 0 0 #F8654C;
  border-radius: 0 15px 15px 0;
  background-size: 400px;
}
#content .values-container.respect .values-graphic,
#content .values-container.integrity .values-graphic,
#content .values-container.curiosity .values-graphic,
#content .values-container.community .values-graphic {
  transition: all 0.3s ease-out;
}
#content .values-container.respect:hover .values-graphic,
#content .values-container.integrity:hover .values-graphic,
#content .values-container.curiosity:hover .values-graphic,
#content .values-container.community:hover .values-graphic {
}
#content .values-container .values-graphic {
  position: relative;
}
#content .values-container svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
#content .values-container .values-graphic svg path {
  opacity: 0.3;
}
#content .values-container.respect .values-graphic svg #openhands path,
#content .values-container.curiosity .values-graphic svg #handheart path,
#content .values-container.integrity .values-graphic svg #handhold path,
#content .values-container.community .values-graphic svg #handheart path {
  animation: 5s infinite alternate fadein;
  animation-delay: 1s;
}
#content .values-container.respect .values-graphic svg #head path,
#content .values-container.curiosity .values-graphic svg #flower path,
#content .values-container.integrity .values-graphic svg #scales path,
#content .values-container.community .values-graphic svg #umbrella path {
  animation: 5s infinite alternate fadein;
  animation-delay: 3s;
}
#content .values-container.respect .values-graphic svg #threepeople path,
#content .values-container.curiosity .values-graphic svg #tick path,
#content .values-container.integrity .values-graphic svg #person path,
#content .values-container.community .values-graphic svg #person path {
  animation: 5s infinite alternate fadein;
  animation-delay: 5s;
}
#content .values-container.respect .values-graphic svg #heart path,
#content .values-container.curiosity .values-graphic svg #speech path,
#content .values-container.integrity .values-graphic svg #speech path,
#content .values-container.community .values-graphic svg #threepeople path {
  animation: 5s infinite alternate fadein;
  animation-delay: 7s;
}
#content .values-container.respect .values-graphic svg #handheart path,
#content .values-container.curiosity .values-graphic svg #brain path,
#content .values-container.integrity .values-graphic svg #links path,
#content .values-container.community .values-graphic svg #hands path {
  animation: 5s infinite alternate fadein;
  animation-delay: 9s;
}
#content .values-container.curiosity .values-graphic svg #binoculars path,
#content .values-container.community .values-graphic svg #ear path {
  animation: 5s infinite alternate fadein;
  animation-delay: 11s;
}

@keyframes fadein {
  0% {
    opacity: 0.3;
    transform: scale(1);
    transform-origin: center center;
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
    transform-origin: center center;
  }
  100% {
    opacity: 0.3;
    transform: scale(1);
    transform-origin: center center;
  }
}
.OTAGO744713 #content table {
  table-layout: fixed;
}
.OTAGO744713 #content table th {
  background: #ffffff;
  color: #555555;
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  padding-left: 0;
  padding-bottom: 14px;
  text-transform: uppercase;
}
.OTAGO744713 #content table td {
  font-size: 13px;
  padding: 10px 0
}
.OTAGO744713 #content ul,
.OTAGO744713 #content ul li {
	list-style-image: url(/_assets/_gfx/arrow-pale-green-forward.svg);
	list-style-position: outside;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 16px;
    padding-bottom: 10px;
    list-style-position: outside;
    margin-left: 7px;
}
.OTAGO744713 #content ol li {
    font-size: 16px;
    padding-bottom: 10px;
}
.OTAGO744713 #content h3 {
  font-family: 'Oswald', sans-serif;
  font-size: 25px;
}
.OTAGO744713 #content .values-skinny-community h3 a:nth-of-type(1) {
/*   color: purple; */
  font-size: 22px;
}
.OTAGO744713 #content h4 {
  font-family: 'Oswald', sans-serif;
  font-size: 20px;
  color: #6d6d6d;
  letter-spacing: .2px;
}
.OTAGO744713 #content h5 {
  font-family: 'Oswald', sans-serif;
  font-size: 20px;
  color: #444444;
  letter-spacing: .2px;
  padding-top: 20px
}
.OTAGO744713 #content h3 a {
  color: #ffffff;
}
.OTAGO744713 #content h3 a:hover {
  color: #333333;
  -webkit-transition: color .35s;
  transition: color .35s;
  border-bottom: none;
}


/* Human Resources Toolkit */

.OTAGO044259 #content .grid3:nth-of-type(1) {
  margin-top: 28px;
}
.OTAGO044259 #content .grid3 {
  display: flex;
  flex-wrap: wrap;
}
.OTAGO044259 #content .grid1 {
  border: 1px solid #cccccc;
  border-radius: 3px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.05), 0 3px 3px rgba(0,0,0,0.05);
  box-sizing: border-box;
  width: 28.6%;
}
.OTAGO044259 #content .grid1 img {
  display: block;
}
.OTAGO044259 #content .grid1 h4 a:before {
  background: #f9c000;
  content: '';
  display: block;
  height: 4px;
  margin-bottom: 7px;
  width: 35px;
}
.OTAGO044259 #content .grid1 h4 a {
  border: none;
  box-sizing: border-box;
  display: block;
  font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  padding: 0 14px 14px 14px;
}


/* Join Otago section */

body.OTAGO837064 #content,
body.OTAGO839044 #content,
body.OTAGO839863 #content {
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}
.OTAGO837064 #content p {
  line-height: 1.6;
}
#content .role-container {
  border: 1px solid #cccccc;
  border-radius: 6px;
  margin-bottom: 14px;
  margin-top: 35px;
  padding: 28px;
}
#content .role-container .role-info-box {
  background: #f9f9f9;
  border: 1px solid #cccccc;
  border-radius: 6px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 21px;
  padding: 21px 14px;
}
#content .role-container .role-info-box p {
  box-sizing: border-box;
  font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 19px;
  line-height: 1.2;
  margin-bottom: 0;
  padding-left: 40px;
  width: 31%;
}
#content .role-container .role-info-box p span {
  color: #888888;
  font-size: 17px;
  display: block;
  font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}
#content .role-container .role-info-box p.role-location {
  background: url(gfx/location-icon.svg) no-repeat 0 4px;
}
#content .role-container .role-info-box p.role-salary {
  background: url(gfx/salary-icon.svg) no-repeat 0 4px;
}
#content .role-container .role-info-box p.role-type {
  background: url(gfx/time-icon.svg) no-repeat 0 4px;
  background-size: 30px
}
#content .role-apply-button a {
  background: url(/_assets/_gfx/circle-yellow-arrow-forward.svg) no-repeat right 10px top 9px;
  border: 2px solid #cccccc;
  border-radius: 20px;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 35px;
  padding: 5px 38px 5px 16px;
  transition: all 0.3s ease;
}
#content .role-apply-button a:hover {
  background-color: #00508f;
  color: #ffffff;
}
#content .role-container .role-closes {
  color: #333333;
}
#content .role-container .role-closes span {
  background: url(/_assets/_gfx/calendar-icon-grey.svg) no-repeat 60px 7px;
  color: #888888;
  display: inline-block;
  padding-right: 25px;
}
#content .role-container ul {
  list-style-image: url(/_assets/_gfx/arrow-grey-forward.svg);
  margin-left: 16px;
}
#content p + ul.pagesubnav {
  margin-top: 35px;
}
.n2635 #content iframe {
  aspect-ratio: 16 / 9;
  max-width: 100%;
}

/* Gallery */

#content .gallery-container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 55px;
    margin-left: 10px;
    margin-top: 55px;
  width: calc(100% - 20px);
}
#content h2 + .gallery-container {
    margin-top: 30px;
}
#content .gallery-container a {
    border-bottom: 0;
    display: block;
    line-height: 0.6;
    padding: 0;
    position: relative;
    transition: all 0.3s ease;
    width: 33.333%;
}
#content .gallery-container a img {
    box-sizing: border-box;
  max-width: 100%;
    outline: 10px solid #ebebeb;
    transition: all 0.3s ease;
    width: 100%;
}
#content .gallery-container a:before {
    background: rgba(255,255,255,0.0);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    transition: all 0.3s ease;
}
#content .gallery-container a:hover:before {
    background: rgba(255,255,255,0.3);
    mix-blend-mode: screen;
}
#content .gallery-container a.double-image {
    width: 66.666%;
}
#content .gallery-container a.triple-image  {
    width: 100%;
}



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

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

iPad landscape >

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

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



@media only screen and (min-width: 769px) and (max-width: 1024px) {
    #title h1.notopimage {
        max-width: 442px;
        padding-right: 0;
    }
    #contentwrapper {
        width: 879px;
    }
    body.frontpage .titleinner {
        overflow: visible;
        padding-top: 335px;
    }
	body.frontpage #title h1.notopimage {
		max-width: 650px;
	}
    body.frontpage #title img {
        max-width: 665px;
        margin-left: 20px;
    }
    body.frontpage #content.otgx {
        width: 650px;
    }
    #content .grid1:nth-of-type(3n) {
        margin-right: 46px;
    }
    #content .grid1:nth-of-type(2n) {
        margin-right: 0px;
    }
  .OTAGO823934 #content .grid1:nth-of-type(2n) {
    margin-right: 7%;
  }
  .OTAGO823934 #content .grid1:nth-of-type(3n) {
    margin-right: 0%;
  }
    body.OTAGO060376 #content .grid1:nth-of-type(3n+1),
    body.OTAGO060397 #content .grid1:nth-of-type(3n+1) {
		clear: none;
	}
  body.frontpage #content .grid1 img {
        max-width: 100%;
  }
	body.frontpage #content .working { background-position: -352px 14px; }
	body.frontpage #content .join  { background-position: -545px 14px; }
	body.frontpage #content .career { background-position: -720px 14px; }
	body.frontpage #content .health { background-position: -165px 14px; }
	body.frontpage #content .tookit { background-position: 14px 14px; }
    body.frontpage #content .grid2:nth-of-type(2n+1) {
        width: 418px;
    }
    body.frontpage #content.otgx .quicklinks-region {
        width: 418px;
    }
    body.frontpage #content.otgx .quicklinks-container .grid1 {
        width: 116px;
        margin-right: 23px;
    }
    body.frontpage #content.otgx .quicklinks-container .grid1:nth-of-type(3n) {
        width: 115px;
    }
    body.frontpage #content.otgx .quicklinks-container li {
        font-size: 15px;
        margin-right: 0px;
        padding-right: 0px;
    }
    body.frontpage #content.otgx .news-region article {
        width: 145px;
        margin-right: 23px;
    }
    body.frontpage #content.otgx .news-region article:nth-of-type(4n) {
        margin-right: 0;
    }

    body.OTAGO065413 .caption418 ul {
    	float: left;
    	margin-top: 28px;
    	width: 418px;
        clear: both;
    }

    /* Taleo */
    .rightpanel {
        float: left;
        margin: 14px 0;
    }
    #content ul.linkpanel {
        margin-left: 0;
        margin-top: 28px;
        margin-bottom: 0;
        clear: both;
    }
    .listingperpagepanel {
        width: 24%;
    }
    .sortbypanel {
        width: 60%;
        padding-right: 10%;
    }
}


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

Portrait tablet ^

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

@media only screen and (max-width: 768px) {
    #wrapper {
        width: 753px;
        background-position: -280px 0;
    }
    .titleinner {
	    padding-top: 240px;
        padding-bottom: 0;
        background: url(gfx/title.png) 220px 55px no-repeat;
    }
    body.frontpage #title h1 {
      background: none;
      font-size: 35px;
      width: auto;
	}
    #title h1.notopimage {
        max-width: 100%;
        padding-right: 0;
        line-height: 1.2;
        font-size: 40px;
    }
    body.frontpage .titleinner {
        padding-top: 320px;
        padding-bottom: 14px;
    }
    body.frontpage #title img {
        max-width: 420px;
        margin-left: 20px;
        top: 128px;
    }
	body.frontpage #content {
        padding-top: 0;
        padding-bottom: 42px;
    }
    body.frontpage #content.otgx {
        width: 418px;
    }
    body.frontpage #content .grid2 {
        margin-top: 14px;
        margin-bottom: 7px;
    }
    body.frontpage #content.otgx .grid1:nth-of-type(2n) {
        margin-right: 0;
    }
    body.frontpage #content .grid2:nth-of-type(2n) {
        margin-bottom: 28px;
    }
    body.frontpage #content.otgx .grid_third {
        width: 100%;
    }
    body.frontpage #content .grid1 {
        width: 44.5%;
        min-height: 0;
        padding-top: 0;
    }
    body.frontpage #content h2 {
        font-size: 24px;
    }
    #content .grid1:nth-of-type(3n) {
        margin-right: 46px;
    }
    #content .grid1:nth-of-type(2n) {
        margin-right: 0px;
    }
    body.OTAGO060376 #content .grid1:nth-of-type(3n+1),
    body.OTAGO060397 #content .grid1:nth-of-type(3n+1) {
		clear: none;
	}
	#right {
		border-top: 1px solid #e4e4e4;
		margin-top: 0px;
	}
	body.frontpage #right {
		border-top: none;
		width: 186px;
        padding: 0 0 0 0px;
	}
    body.frontpage #right .relatedinfo {
        width: 186px;
    }
    body.frontpage #content.otgx .gridfifth {
      margin-bottom: 0px;
		width: 31.6%;
	}
  body.frontpage #content.otgx .gridfifth:nth-of-type(3) {
    margin-right: 0;
  }
	body.frontpage #content .working { background-position: -352px 14px; }
	body.frontpage #content .join  { background-position: -545px 14px; }
	body.frontpage #content .career { background-position: -720px 14px; }
	body.frontpage #content .health { background-position: -165px 14px; }
	body.frontpage #content .tookit { background-position: 14px 14px; }
  body.frontpage #content .grid2:nth-of-type(2n+1) {
        width: 418px;
    }
    body.frontpage #content .grid2:nth-of-type(2n) {
        width: 100%;
        margin-right: 0;
    }
    body.frontpage #content .quicklinks-region {
        width: 418px;
    }
    body.frontpage #content .quicklinks-container .grid1 {
        width: 116px;
        margin-right: 23px;
    }
    body.frontpage #content .quicklinks-container .grid1:nth-of-type(3n) {
        width: 115px;
    }
    body.frontpage #content .quicklinks-container li {
        font-size: 15px;
        margin-right: 0px;
        padding-right: 0px;
    }
    body.frontpage #content .quicklinks-container .grid1:nth-of-type(2n) {
        margin-right: 23px;
    }
    body.frontpage #content .quicklinks-container .grid1:nth-of-type(3n) {
        margin-right: 0;
    }
    body.frontpage #content .news-region article {
        width: 186px;
        margin-right: 46px;
    }
    body.frontpage #content .news-region article:nth-of-type(2n) {
        margin-right: 0;
    }
    body.frontpage #right .rightwidget {
        width: 186px;
        margin-right: 0px;
        padding: 14px 0px 0px 0px;
    }
    body.OTAGO065413 .caption418 ul {
    	float: left;
    	margin-top: 28px;
    	width: 418px;
        clear: both;
    }

    /* Taleo */
    .rightpanel {
        float: left;
        margin: 14px 0;
    }
    #content ul.linkpanel {
        margin-left: 0;
        margin-top: 28px;
        margin-bottom: 0;
        clear: both;
    }
    .listingperpagepanel {
        width: 24%;
    }
    .sortbypanel {
        width: 60%;
        padding-right: 10%;
    }
  #content .faq-button a {
    max-width: 50%;
  }
    #content ul.link2panel li {
        margin-right: 0px;
    }
  body.frontpage #content .contact-region {
    margin-bottom: 35px;
    width: 100%;
  }
  #content .values-container {
    flex-wrap: wrap;
    display: block;
  }
  #content .values-container .values-text,
  #content .values-container .values-graphic {
    width: 100%;
  }
  #content .values-container .values-text {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
  }
  #content .values-container svg {
    left: 0;
    margin: 5%;
    position: relative;
    top: 0;
    transform: translate(0%, 0%);
    width: 90%;
  }
  #content .values-skinny-container {
    flex-wrap: wrap;
  }
  #content .values-skinny-container > div {
    width: 50%;
  }
  #content .values-skinny-container .values-skinny-respect {
    border-radius: 15px 0 0px 0px;
  }
  #content .values-skinny-container .values-skinny-integrity {
    border-radius: 0px 15px 0px 0px;
  }
  #content .values-skinny-container .values-skinny-curiosity {
    border-radius: 0px 0 0px 15px;
  }
  #content .values-skinny-container .values-skinny-community {
    border-radius: 0px 0 15px 0px;
  }
  .OTAGO823934 #content .grid1:nth-of-type(2n) {
    margin-right: 7%;
  }
  .OTAGO823934 #content .grid1:nth-of-type(3n) {
    margin-right: 0%;
  }
}



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

Mobile styles (phone and small tablet) media query

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


@media only screen and (max-width: 700px) {
  body {
    background: none;
  }
	body.frontpage {
		background-size: 1px
	}
  #wrapper {
    background-position: center 0px;
    background-size: 1100px;
    width: 100%;
  }
  body.frontpage #wrapper {
    width: 100%;
    background-position: center 0px;
    background-size: 1100px;
  }
  .titleinner {
    padding-top: 180px;
    padding-bottom: 0px;
    width: 92%;
    background-size: 260px;
    background-position: 0 45px;
  }
  body.frontpage .titleinner {
    padding-top: 153px;
    padding-bottom: 14px;
    width: 92%;
    background-size: 210px;
    background-position: 3px 45px;
  }
	body.frontpage #title img {
		display: none;
	}
  #content {
    padding-top: 0;
  }
  #title h1 {
    font-size: 45px;
    margin-left: 0;
    text-shadow: 1px 1px 0px #ffffff;
    width: 100%;
  }
  #title h1.notopimage {
    font-size: 46px;
  }
  .titleinner h1 {
    max-width: 100% !important;
    min-width: 186px !important;
  }
  #title p.heading-translation {
    font-size: 30px;
    padding-left: 0;
  }
  #right .rightwidget {
    border-top: none;
  }
  body.frontpage #title h1 {
    background: none;
    font-size: 32px;
    line-height: 1.2;
    margin-left: 0;
    padding-bottom: 14px;
    padding-top: 0;
    width: 100%;        
  }
  .OTAGO823934 #content {
    max-width: 97%;
  }
  body.frontpage #content .frontpage-icons a {
    padding-top: 120px;
  }
  body.frontpage #content .grid1 {
    width: 46%;
    margin-right: 7%;
    margin-bottom: 0;
  }
  #content .grid1 {
    width: 47.5%;
    margin-right: 5%;
  }
  #content .grid1:nth-of-type(3n) {
    margin-right: 5%;
  }
  #content .grid1:nth-of-type(2n) {
    margin-right: 0;
  }
  #content .grid1 img {
    float: none;
    margin-left: 0;
  }
  body.frontpage #content.otgx {
    width: 96%;
  }
  body.frontpage #content .quicklinks-region {
    width: 100%;
  }
  body.frontpage #content .quicklinks-region ul {
    margin-left: 16px;
    margin-right: 14px;
  }
  body.frontpage #content.otgx .gridfifth {
    margin-bottom: 21px;
    margin-right: 5%;
    margin-top: 0;
    text-align: left;
    width: 30%;
	}
  body.frontpage #content.otgx .gridfifth a {
    line-height: 1.2;
    padding-bottom: 0;
    padding-left: 14px;
    padding-right: 14px;
  }
	body.frontpage #content .grid4 .gridfifth:nth-of-type(2n) {
		margin-right: 0;
	}
	body.frontpage #content .working { background-position: -355px 14px; }
	body.frontpage #content .join  { background-position: -550px 14px; }
	body.frontpage #content .career { background-position: -725px 14px; }
	body.frontpage #content .health { background-position: -170px 14px; }
	body.frontpage #content .tookit { background-position: 10px 14px; clear: left; }
  body.frontpage #content .grid2:nth-of-type(2n+1) {
    width: 100%;
  }
	body.frontpage #content .quicklinks-container {
		width: 100%;
	}
	body.frontpage #content .quicklinks-container .grid1 {
		width: 90%;
		margin-right: 0px;
		float: none;
	}
	body.frontpage #content .quicklinks-container .grid1 ul {
		margin-bottom: 0;
	}
	body.frontpage #content .quicklinks-container .grid1 li {
		margin-bottom: 6px;
	}
	body.frontpage #content .quicklinks-container .grid1:nth-of-type(3n) {
		width: 90%;
	}
	body.frontpage #content .news-region article {
		width: 100%;
		margin-right: 0;
	}
  body.OTAGO065413 .caption418 {
    width: 100%;
  }
  body.OTAGO065413 .caption418 ul {
    width: 100%;
  }
  body.OTAGO065413 #content .grid1:nth-of-type(3n) {
    clear: left;
  }
  #right {
    padding: 0;
  }
  #right input.hazard-report {
    height: auto;
  }
  #right .relatedinfo ul {
    margin-bottom: 14px;
  }
  #right .relatedinfo ul li {
    float: none;
    width: 100%;
  }
  body.frontpage #content .grid2 {
    width: 100%;
    float: none;
  }
  body.frontpage #content .grid4 .grid1 h2 {
    font-size: 20px;
    padding-left: 3px;
    padding-right: 3px;
    line-height: 1.2;
  }
  body.frontpage #content .grid1 p img {
    width: 100%;
    max-width: 100%;
    float: none;
  }
  body.frontpage #content a.download-button {
    color: #426fbf;
    background-color: #ffffff;
    background-position: -476px -128px;
    border-bottom: none;
    line-height: 1.5;
    padding: 0px 0 7px 21px;
    border-radius: 0;
  }
  body.frontpage #content .quicklinks-region {
    float: none;
    margin-right: 0;
  }
  body.frontpage #right {
	 margin-top: 0;
   padding: 0;
   width: 100%;
	}
  body.frontpage #right .relatedinfo {
    width: 100%;
  }
  body.frontpage #content .contact-region p,
  body.frontpage #content .smalltag {
    font-size: 15px;
    line-height: 1.5;
    font-style: normal;
  }
    /* Taleo */
  #content h1 {
    font-size: 24px;
  }
  .rightpanel {
    width: 100%;
  }
  .metalink.metalinkinline {
    float: none;
    display: inline-block;
  }
  #content .rightpanel img {
    max-width: 100%;
    height: auto;
    float: none;
    margin-left: 0px;
  }
  #content table.tablelist, #content table.contentlist {
    border: none;
  }
  .sortbypanel {
    width: 60%;
    padding-right: 4%;
    min-height: 80px;
  }
  .listingperpagepanel {
    min-height: 80px;
    width: 28%;
  }
  #content ul.link2panel {
    width: 100%;
  }
  #right {
    padding: 0 0 0 0px;
  }
  .OTAGO744713 #content {
    max-width: 96%;
  }
  #content .values-container svg {
    left: 0;
    margin: 0% 20% 5% 20%;
    position: relative;
    top: 0;
    transform: translate(0%, 0%);
    width: 60%;
  }
  #content .values-container .values-text h3 {
    margin-top: 28px;
  }
  #content form {
    max-width: 100%;
    width: 100%;
  }
  .OTAGO665596 #content form fieldset {
    padding: 0 14px 21px 14px;
  }
  #content form fieldset legend {
    width: 100%;
  }
  .OTAGO837064 #content {
    width: 97%;
  }
  #content .role-container {
    margin-bottom: 21px;
  }
}




@media only screen and (max-width: 450px) {
  body.frontpage #content.otgx .gridfifth {
    margin-bottom: 14px;
    width: 47.5%;
  }
  body.frontpage #content.otgx .gridfifth:nth-of-type(2),
  body.frontpage #content.otgx .gridfifth:nth-of-type(4) {
    margin-right: 0;
  }
  body.frontpage #content.otgx .gridfifth:nth-of-type(3) {
    margin-right: 5%;
  }
  .OTAGO744713 #content h3 a,
  .OTAGO744713 #content .values-skinny-community h3 a:nth-of-type(1){
    font-size: 19px;
  }
  .OTAGO744713 #content table {
     border: none;
}
  .OTAGO744713 #content table td:first-of-type {
    padding-right: 20px;
}
  .OTAGO744713 #title h1.notopimage {
    font-size: 45px;
    padding: 30px 0 0;
    margin-bottom: 25px;
}
   .OTAGO744713 #content h2.introduction {
    font-size: 30px;
     margin-bottom: 15px;
}
  .OTAGO744713 #content h2 {
    font-size: 35px;
    margin: 20px 0;
  }
   .OTAGO744713 #content hr {
    margin: 50px 0 45px 0;
  }
  .OTAGO823934 #content p + .grid1 {
    margin-top: 35px;
  }
  .OTAGO823934 #content .grid1 {
    margin-bottom: 14px;
    width: 100%;
  }
  .OTAGO823934 #content .grid1 a {
    background-position: 0 0;
    padding-left: 90px;
    padding-top: 0;
  }
  #content .role-container .role-info-box .role-location,
  #content .role-container .role-info-box .role-type {
    width: 47.5%;
  }
  #content .role-container .role-info-box .role-salary {
    margin-top: 21px;
    width: 100%;
  }
}