/*! 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; }

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

ITS BASECAMP+ CSS

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

#title h1 {
  background: url(gfx/title-2021.png) 0px 32px no-repeat;
  color: #00508f;
  font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 55px;
  -webkit-font-variant-ligatures: normal;
  font-variant-ligatures: normal;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.05;
  max-width: 650px;
  opacity: 1;
  padding: 280px 43px 21px 23px;
  position: static;
  text-rendering: optimizeLegibility;
}
#title h1.notopimage {
    max-width: 650px;
}
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;
}
.titleinner {
  background: url(gfx/banner.jpg) center 0px no-repeat;
  padding-top: 3px;
  padding-bottom: 0px;
}
.titleinner img {
  display: none;
}
.titleinner h1 {
  margin-top: 0px;
}

body#its #content {
    padding-bottom: 70px;
}
#content h2 {
  border-bottom: none;
  color: #333333;
  font-family: "Amsi pro condlight", "Open Sans", Helvetica, Arial, Geneva, sans-serif;
  font-size: 35px;
  font-weight: 300;
  line-height: 1.2;
  margin-top: 49px;
  padding-bottom: 7px;
  text-rendering: optimizeLegibility;
}
#content h2:first-of-type {
  margin-top: 0;
}
#content p + h2:first-of-type {
	margin-top: 28px;
}
#content h3 {
  color: #444444;
  font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 22px;
  line-height: 1.3;
  margin-bottom: 14px;
  text-rendering: optimizeLegibility;
}
#content p,
#content ul li,
#content ol li,
#content table,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#content ul.pagesubnav li a,
#right p,
#right li,
#right input {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 15px;
    line-height: 1.5;
	font-weight: 400;
}
#content ul {
    margin-left: 16px;
}
#right p,
#right li,
#right input {
    font-size: 13px;
}
#content li {
    margin-bottom: 7px;
}
#content li ul {
    margin-top: 4px;
}
#content div.contentnav {
  border-bottom: 1px solid #dddddd;
}
#content p + ul.pagesubnav {
    margin-top: 35px;
}
#content ul.pagesubnav {
    border: 1px solid #cccccc;
    padding-top: 14px;
}
#content ul.pagesubnav li {
    margin-bottom: 7px;
}
#content .grid3 .grid1 img {
  max-width: 100%;
  width: 100%;
}
#right {
  background: none;
}
#right h2 {
  font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 18px;
  font-weight: 300;
  margin-bottom: 14px;
}
#right li {
	list-style-position: outside;
}
.n1655 #right li {
  margin-bottom: 7px;
}
/* A to Z */

#content .atoz {
  font-family: 'Open sans', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.3;
  padding: 10px 10px 0px 10px;
}
#content .atoz a {
  font-weight: 300;
  margin-bottom: 10px;
  margin-right: 2px;
  text-align: center;
  width: 15px;
}
#content .atoz a:hover {
  background: #416ebf;
  border: 1px solid #aaa;
  color: #ffffff;
}
#content h1 {
  display: none;
}

/* eResearch toolkit */

#content select#eResearchMenu {
	margin-bottom: 28px;
}
#content .eresearch_images a {
	border-bottom: none;
	padding: 0;
	display: inline;
    transition: all 0.2s ease-out;
}
#content .eresearch_images a img {
	border: none;
    border: 1px solid #e4e4e4;
    box-shadow: 0 0 10px #f9f9f9;
    margin: 0 6.4% 6.4% 0;
    padding: 0;
    border-radius: 3px;
    transition: all 0.2s ease-out;
}
#content .eresearch_images a img:hover {
	box-shadow: 0 0 10px #e4e4e4;
}
#content .eresearch_images a:nth-of-type(3n) {
	margin-right: 0;
}


/***** Hide play/pause button on live streaming videos *****/
#its-streaming-video { margin-bottom: 14px; }
#its-streaming-video .jw-dock { display: none; }
#its-streaming-video .jw-icon-next { display: none; }
#its-streaming-video .jw-flag-live .jw-controlbar-left-group   { display: none; }
#its-streaming-video .jw-state-playing:not(.jw-flag-live) .jw-controlbar {display: none; }


/* Pagination */

.training-skin #content .eresearch_images a img {
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
	border: none;
}
.training-skin #content .pagination ul {
    margin: 28px 0;
    background: #ccdcfa;
    padding: 14px;
    border-radius: 3px;
}
.training-skin #content .pagination li {
    list-style-type: none;
    display: inline-block;
    margin-right: 1.5%;
    text-align: center;
}
.training-skin #content .pagination li a {
    background: #416ebf;
    display: block;
    border-radius: 16px;
    color: #ffffff;
    padding: 2px 14px 1px 14px;
    border-bottom: none;
    transition: all 0.2s ease;
}
.training-skin #content .pagination li a:hover {
    background: #385da0;
    box-shadow: 0 0 5px #5586dd;
}
.training-skin #content .frontend-content-span input.frontend-content-span-search-input {
    margin-bottom: 0;
    margin-left: 14px;
}
.training-skin #content .frontend-content-span input + button.btn,
.training-skin #content .frontend-content-span button.btn + button.btn {
    margin-top: 21px;
}

/* Profile box : Our People page */
.OTAGO018703 #content {
    box-sizing: border-box;
    max-width: 100%;
   width: 100%;
}
#content .profile-box {
    border: 1px solid #dddddd;
    border-radius: 3px;
    display: block;
    margin-bottom: 46px;
    overflow: hidden;
    padding-left: 21px;
}
#content .profile-box img {
    border: 0;
    padding: 0;
    float: right;
    margin-bottom: 0;
    max-width: 146px;
}
#content .profile-box h3 {
    color: #444444;
    font-family: "Amsi pro condbold", "Open Sans", Helvetica, Arial, Geneva, sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.01em;
    margin-bottom: 3px;
    margin-top: 21px;
}
#content .profile-box h3:before {
    background: #f9c000;
    content: '';
    display: block;
    height: 4px;
    margin-top: 0px;
    margin-bottom: 7px;
    width: 37px;
}
#content .profile-box h3 + p {
    color: #888888;
    margin-bottom: 21px;
}
#content .profile-box h4 {
    font-family: "Open Sans", Helvetica, Arial, Geneva, sans-serif;
    font-size: 15px;
    font-weight: bold;
}
#content .profile-box h4 + p {
    font-size: 13px;
}

#content div.contentnav h2 {
    font-size: 15px;
    font-weight: bold;
}

/*  FRONTPAGE  */

body.frontpage #content {
  background-position: center top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.frontpage .titleinner {
    padding-top: 14px;
    padding-bottom: 21px;
}
body.frontpage #title h1 {
    background-position: 0 23px;
    padding: 270px 0px 0px 23px;
}
body.frontpage #title h1.notopimage {
  max-width: 100%;
}

body.frontpage #content.otgx {
    width: 882px;
    margin-right: 0;
}
body.frontpage #content .intro h2 {
    border-bottom: none;
    font-family: "Open Sans", Helvetica, Arial, Geneva, sans-serif;
    font-size: 21px;
    line-height: 1.5;
    margin-bottom: 35px;
}
body.frontpage #content .grid-third {
    float: left;
    border: 1px solid #dddddd;
    box-shadow:  0px 1px 2px  #dddddd, 0px 5px 5px  #e4e4e4, 0px 15px 30px  #f5f5f5;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 46px;
    margin-right: 5.3%;
    padding: 0;
    transition: all 0.3s ease-in-out;
    width: 29.8%;
}
body.frontpage #content .grid-third:hover {
    box-shadow: 0 0 2px #dddddd;
    transition: all 0.3s ease-in-out;
}
body.frontpage #content .grid-third:nth-of-type(3n+1) {
    margin-right: 0;
}
body.frontpage #content .grid-third a {
    border-bottom: none;
    display: block;
}
body.frontpage #content .grid-third img {
    border-radius: 3px 3px 0 0;
    margin: 0 0 0px 0;
    padding: 0;
    border: none;
    width: 100%;
}
body.frontpage #content .grid-third h3:before {
    background: #f9c000;
    content: '';
    display: block;
    height: 4px;
    margin-bottom: 9px;
    width: 37px;
}
body.frontpage #content .grid-third h3 {
    font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 28px;
    font-weight: 700;
    margin: 14px 14px 21px 14px;
}
body.frontpage #content .grid-third p {
    position: relative;
}
body.frontpage #content .grid-third p:after {
    content: "";
    display: block;
    height: 0px;
    width: 100%;
    background: none;
    bottom: 6px;
    left: 0;
    position: absolute;
    transition: all 0.3s ease;
}

body.frontpage #content .grid-third p {
    margin-bottom: 0;
}
body.frontpage #content {
    min-height: 100px;
    padding: 14px 0px 28px 232px;
}
body.frontpage #right {
    padding-left: 0;
    background-image: none;
    margin-left: 232px;
    border-bottom: none;
    width: 882px;
}
body.frontpage #right .service-notices h2 {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    text-transform: none;
    font-size: 20px;
    color: #333333;
    margin-bottom: 23px;
    line-height: 1.3;
}
body.frontpage #right .service-notices ul,
body.frontpage #right .service-notices li {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    border-bottom: none;
}
body.frontpage #right .service-notices li {
    width: 186px;
    display: block;
    float: left;
    margin-right: 46px;
    margin-bottom: 23px;
    line-height: 1.5;
}
body.frontpage #right .service-notices li:nth-of-type(4n) {
    margin-right: 0;
}
body.frontpage #right .service-notices li:last-child {
    float: right;
    margin-right: 0;
}
body.frontpage #right .service-notices li:last-child a {
    color: #ffffff;
    display: inline-block;
    text-align: center;
    padding: 7px 14px;;
    background: #416ebf;
    border-radius: 16px;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
}
.rightwidget {
    clear: both;
}
#right .rightwidget p {
    border-bottom: none;
}



/***** ITS CSS ******/

#content p.audience a {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 16px;
	color: #003399;
	text-align: center;
	width: 162px;
	height: 162px;
	display: block;
	float: left;
	margin: 25px 0 0;
	padding: 0 11px 0 0;
	background: url(../gfx/audience_shadow.png) no-repeat bottom left;
}
#content p.audience img { padding: 0 0 5px 0; }

body.frontpage #content .service-notice-header h2 {
    font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 35px;
    line-height: 1.2;
    color: #1f4a8c;
}
body.frontpage #content .service-notice-header h2 a:hover {
    border-bottom: none;
}
body.frontpage #content .service-notice-header h2 span {
    border: 2px solid #cdddfb;
    border-radius: 16px;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-left: 14px;    
    margin-top: 14px;
    padding: 2px 10px;
    position: absolute;
    transition: all 0.2s ease-out;
}
body.frontpage #content .service-notice-header h2 span:hover {
    background: #cdddfb;
}

/* Training icons */

.OTAGO030141 .icon-booking,
.OTAGO030141 .icon-training,
.OTAGO030141 .icon-courses,
.OTAGO030141 .icon-videos,
.OTAGO030141 .icon-custom,
.OTAGO030141 .icon-news,
.OTAGO030141 .icon-online,
.OTAGO030141 .icon-contact {
    padding-top: 168px;
    text-align: center;
    background-color: #FCFCFC !important;
    border: 1px solid #e4e4e4 !important;
    border-radius: 3px;
    display: block;
    font-size: 20px;
    padding-bottom: 14px;
    transition: box-shadow 0.3s ease;
    color: #416EBF !important;
    min-height: 118px;
}
.OTAGO030141 #content .grid1 {
    min-height: 118px;
    margin-bottom: 21px;
    border-radius: 3px;
    transition: all 0.2s ease;
}
.OTAGO030141 #content .grid1:hover {
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21);
    transition: all 0.2s ease;
}
.OTAGO030141 #content .grid1 h2 {
    font-size: 20px;
    padding-bottom: 0;
}
.OTAGO030141 .icon-booking a,
.OTAGO030141 .icon-training a,
.OTAGO030141 .icon-courses a,
.OTAGO030141 .icon-videos a,
.OTAGO030141 .icon-custom a,
.OTAGO030141 .icon-news a,
.OTAGO030141 .icon-online a,
.OTAGO030141 .icon-contact a {
    border-bottom: none;
    color: #416EBF !important;
}
.OTAGO030141 a p::before {
    content: '';
    display: block;
    height: 1px;
    width: 50%;
    background-color: #D1D1D1;
    margin: 14px auto;
}
.OTAGO030141 a p {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    color: #777;
    padding: 0px 7px;
    font-weight: normal;
    margin-bottom: 0 !important;
}
.OTAGO030141 .icon-booking a:hover,
.OTAGO030141 .icon-training a:hover,
.OTAGO030141 .icon-courses a:hover,
.OTAGO030141 .icon-videos a:hover,
.OTAGO030141 .icon-custom a:hover,
.OTAGO030141 .icon-news a:hover,
.OTAGO030141 .icon-online a:hover,
.OTAGO030141 .icon-contact a:hover {
    color: #416EBF !important;
}
body.OTAGO030141 #content .grid1:nth-of-type(3n) {
    margin-right: 0;
}
.OTAGO030141 .icon-booking {
    background: transparent url("gfx/icon-booking.png") no-repeat scroll center 14px;
}
.OTAGO030141 .icon-training {
    background: transparent url("gfx/icon-training.png") no-repeat scroll center 14px;
}
.OTAGO030141 .icon-courses {
    background: transparent url("gfx/icon-courses.png") no-repeat scroll center 14px;
}
.OTAGO030141 .icon-videos {
    background: transparent url("gfx/icon-videos.png") no-repeat scroll center 14px;
}
.OTAGO030141 .icon-custom {
    background: transparent url("gfx/icon-custom.png") no-repeat scroll center 14px;
}
.OTAGO030141 .icon-news {
    background: transparent url("gfx/icon-news.png") no-repeat scroll center 14px;
}
.OTAGO030141 .icon-online {
    background: transparent url("gfx/icon-online.png") no-repeat scroll center 14px;
}
.OTAGO030141 .icon-contact {
    background: transparent url("gfx/icon-contact.png") no-repeat scroll center 14px;
}
.OTAGO030141 #content ul.pagesubnav {
    clear: both !important;
}

/* Service notice a-z */

body.OTAGO017939 #content .atoz a {
    width: auto;
    font-size: 13px;
}

/* Service notices */

body.frontpage #content #box5 {
    margin-top: 21px;
    width: 100%;
}
body.frontpage #content .current-notices,
body.frontpage #content .scheduled-notices,
body.frontpage #content .alert-notices {
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-sizing: border-box;
    width: 30%;
    padding: 21px 2% 0 2%;
    background: #f9f9f9;
    overflow: hidden;
}
body.frontpage #content .current-notices,
body.frontpage #content .scheduled-notices {
    margin-right: 5%;
}
body.frontpage #content .current-notices article,
body.frontpage #content .scheduled-notices article,
body.frontpage #content .alert-notices article {
    width: auto;
    margin-left: 23px;
    margin-bottom: 14px;
}
body.frontpage #content .current-notices h3,
body.frontpage #content .scheduled-notices h3,
body.frontpage #content .alert-notices h3 {
    color: #444444;
    font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    font-size: 23px;
    margin-bottom: 21px;
    letter-spacing: 0.02em;
}
body.frontpage #content .current-notices article h3,
body.frontpage #content .scheduled-notices article h3,
body.frontpage #content .alert-notices article h3 {
    font-size: 13px;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: normal;
    line-height: 1.6;
    margin-bottom: 0px;
    position: relative;
    
    text-align: left;
}
body.frontpage #content .current-notices article h3:before {
    /*background: url(gfx/its_status_icons_med.png) no-repeat -22px -43px;*/
    padding: 0;
    display: block;
    width: 20px;
    height: 20px;
    content: '';
    left: -23px;
    top: 0;
    position: absolute;
}
body.frontpage #content .current-notices article h3 a,
body.frontpage #content .scheduled-notices article h3 a,
body.frontpage #content .alert-notices article h3 a {
    border-bottom: none;
}

/* Other notices */
 body.frontpage #right { margin-top: 28px; }

/* ITS Service Notice Icons */
.scheduled,
.current,
.alerts,
.resolved,
.information {
    position: relative;
}
.scheduled:before,
.current:before,
.alerts:before,
.resolved:before,
.information:before {
    padding: 0;
    display: block;
    width: 20px;
    height: 20px;
    content: '';
    left: -23px;
    top: 0;
    position: absolute;
}
.scheduled:before { background: url(gfx/its_status_icons_med.png) no-repeat 0 -68px; }
.current:before { background: url(gfx/its_status_icons_med.png) no-repeat -22px -43px; }
.alerts:before { background: url(gfx/its_status_icons_med.png) no-repeat -44px -19px; }
.resolved:before { background: url(gfx/its_status_icons_med.png) no-repeat -66px 3px; }
.information:before { background: url(gfx/its_status_icons_med.png) no-repeat -66px -90px; }

#right .scheduled,
#right .current,
#right .alerts,
#right .resolved,
#right .information {
    list-style-type: none;
    padding-top: 4px;
    margin-left: 24px;
}

/***** ITS Image Map *****/
#content .itsmap,
#content #itsmap  { display: none }
#itsmap { list-style-type: none !important; background: #e4e4e4 url(/its/otago018701.png) no-repeat; width: 900px; height: 470px; }
#itsmap a {
	display: block;
	height: 50px;
	width: 110px;
	position: absolute;
	top: 174px;
	text-decoration: none;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	behavior: url(/cs/fragments/otg_assets/javascript/PIE.htc);
}
#itsmap a:hover { border: solid 3px #35a8e0; }
#itsmap a span { visibility: hidden; }
#itsmap a#item_1 { width: 209px; height: 53px; top: 8px; left: 347px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#itsmap a#item_2 { left: 13px; }
#itsmap a#item_3 { left: 137px; }
#itsmap a#item_4 { left: 263px; }
#itsmap a#item_5 { left: 390px; }
#itsmap a#item_6 { left: 518px; }
#itsmap a#item_7 { left: 644px; }
#itsmap a#item_8 { left: 772px; }

@-webkit-keyframes pulse {
	0% { opacity: 1.0; -webkit-transform: scale(1.0); }
	40% { opacity: 0.75; -webkit-transform: scale(0.90); }
	100% { opacity: 1.0; -webkit-transform: scale(1.0); }
}

#map_canvas { width: 900px; height: 540px; }
#map_canvas img  { float: none !important; border: none !important; background: none !important; }
img[src$="otago024659.png"] { -webkit-animation-name: pulse; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; }

.mapbutton {
	direction: ltr;
	overflow: hidden;
	text-align: center;
	position: relative;
	font-family: Arial, sans-serif;
	-webkit-user-select: none;
	font-size: 100%;
	line-height: 160%;
	padding: 0 !important;
	border-radius: 2px 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.347656) 2px 2px 3px;
	box-shadow: rgba(0, 0, 0, 0.347656) 2px 2px 3px;
	min-width: 115px;
	border: 1px solid rgb(103, 138, 199);
	color: white;
	font-weight: bold;
	background: rgb(123, 152, 217);
}
#map_canvas form#locationform { width: auto; }
#map_canvas select {
    width: auto;
	font-family: Arial, sans-serif;
	-webkit-user-select: none;
	font-size: 100%;
	line-height: 160%;
	margin: 1px 0;
	padding: 0 !important;
	border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
	border: 1px solid #678AC7;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
}

/* Fancy box */

body .fancybox-skin { background-color: #ffffff; }

.toolbox div { width: 100%}
.toolbox h2 {
    font-size: 26px;
    font-family: 'Open sans', Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 28px !important;
    border-bottom: none !important;
}
.toolbox dl {
    width: 70%;
    font-size: 1.0em;
    line-height: 1.5em;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    margin-bottom: 21px !important;
}
.toolbox dt { width: 15%; margin-right: 5%; display: inline-block; font-weight: bold; float: left; display: inline-block; }
.toolbox dd { width: 79%; display: inline-block; margin: 0 0 .5em; padding: 0; }
.toolbox ul { margin-bottom: 21px; }
.toolbox li {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    line-height: 1.5;
    list-style-type: circle;
    list-style-position: inside;
    margin-left: 5px;
}
.toolbox p { line-height: 1.5; font-family: 'Open Sans', Helvetica, Arial, sans-serif; margin-bottom: 21px; }
.toolbox p img { float: left; margin: 1.5em 8px 0 0; padding: 5px; border: solid 1px #ccc; }
.toolbox p.buttons { float: right; margin-left: 5%; }
.toolbox a.applynow {
    display: block;
    text-align: center;
    text-decoration: none;
    font-family: Georgia,Times New Roman,Times,serif;
    font-size: 14px;
    padding: 5px 10px;
    margin: 0 0 23px;
    cursor: pointer;
    border-radius: 17px;
}
.toolbox a.yellow { background: #ffcd23; border: 2px solid #dfa000; color: #333; }
.toolbox a.green { background: #86b239; border: 2px solid #6D842D; color: #ffffff; transition: all 0.2s ease-in-out; }
.toolbox a.green:hover { background-color: #6D842D !important; }

/* PRE FOOTER */

#prefooter .message-box {
    max-width: 650px;
    margin: 0 auto;
    box-sizing: border-box;
    background: #416ebf;
    padding: 28px 28px 14px 28px;
    margin-bottom: 35px;
}
body.frontpage #prefooter .message-box {
    max-width: 1114px;
    margin: 0 auto;
    padding: 0;
    background: none;
}
body.frontpage #prefooter .message-box .message-box-inside {
    box-sizing: border-box;
    background: #416ebf;
    margin-left: 232px;
    padding: 28px 28px 14px 28px;
    margin-bottom: 35px;
}
#prefooter .message-box h2 {
    font-family: 'Open sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    color: #ffffff;
    font-size: 21px;
    margin-bottom: 21px;
    position: relative;
}
#prefooter .message-box h2:after {
    background-color: #f9c000;
    width: 35px;
    height: 3px;
    position: absolute;
    bottom: -8px;
    left: 0;
    content: '';
}
#prefooter .message-box p {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    color: #ffffff;
    line-height: 1.5;
    margin-bottom: 14px;
}
#prefooter .message-box p.call-to-action a {
    background: #6d90ce;
    display: inline-block;
    padding: 3px 17px 5px 17px;
    border-radius: 16px;
    border: 2px solid #375da2;
    font-size: 15px;
    font-family: 'Open sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    color: #ffffff;
    text-decoration: none;
    box-shadow: 0 0 7px #375da2;
    transition: all 0.2s ease;
    margin-top: 14px;
}
#prefooter .message-box p.call-to-action a:hover {
    background: #375da2;
    border: 2px solid #6d90ce;
}




/* @2x */

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





/*============== Tablet styles ===============================*/


@media only screen and (min-width: 769px) and (max-width: 1024px) {
    #features {
        width: 650px;
    }
    body.frontpage #content.otgx {
        width: 650px;
    }
    body.frontpage #content.otgx .grid-third h3 {
        margin-bottom: 14px;
    }
    body.frontpage #right {
        width: 650px;
    }
    #content .grid3 .grid1:nth-of-type(2n) {
        margin-right: 0;
    }
    #content .grid3 .grid1:nth-of-type(3n) {
       clear: both;
    }
    body.OTAGO030141 #content .grid1:nth-of-type(3n) {
        margin-right: 0;
    }
    body.OTAGO030141 #content .grid1:nth-of-type(1n) {
        margin-right: 46px;
    }
    body.OTAGO030141 #content .grid1:nth-of-type(2n) {
        margin-right: 0;
    }
    /* eResearch toolkit */
    #content .eresearch_images a img { width: 25.8%; }
    #prefooter .message-box {
        max-width: 418px;
    }
    body.frontpage #prefooter .message-box {
        max-width: 882px;
    }
    /* Training icons */
    body.OTAGO030141 #content .grid1:nth-of-type(3n) {
        margin-right: 0;
    }
    body.OTAGO030141 #content .grid1:nth-of-type(1n) {
        margin-right: 46px;
    }
    body.OTAGO030141 #content .grid1:nth-of-type(2n) {
        margin-right: 0;
    }
}


@media only screen and (max-width: 768px) {
	#title h1 {
        padding-right: 0;
    }
    body.frontpage #title h1 {
        padding-right: 0;
    }
    .titleinner h1 {
       max-width: 417px !important;
    }
    body.frontpage #content.otgx {
        width: 418px;
    }
    body.frontpage #content.otgx .grid-third:nth-of-type(3n+1) {
        margin-right: 0;
    }
    #right {
        border-bottom: none;
    }
    #features .events {
        width: 418px;
        margin-left: 232px;
        border-left: none;
    }
    #features .events article {
        margin-top: 14px;
    }
    #features .events article:first-child {
        margin-top: 14px;
    }
    body.frontpage #right {
        width: 418px;
    }
    body.frontpage #right .service-notices li:nth-of-type(4n) {
       margin-right: 46px;
    }
    body.frontpage #right .service-notices li:nth-of-type(3n) {
        margin-right: 46px;
    }
    body.frontpage #right {
        border-top: none;
    }
    body.frontpage #right .service-notices li:nth-of-type(2n) {
        margin-right: 0;
    }
    #content .grid3 .grid1:nth-of-type(2n) {
        margin-right: 0;
    }
    #content .grid3 .grid1:nth-of-type(3n) {
       clear: both;
    }
    body.frontpage #content .current-notices,
    body.frontpage #content .scheduled-notices,
    body.frontpage #content .alert-notices {
        float: none;
        width: 96%;
        margin-bottom: 0px;
        margin-right: 0;
        padding-bottom: 0;
    }
    body.frontpage #content .current-notices h3,
    body.frontpage #content .scheduled-notices h3,
    body.frontpage #content .alert-notices h3 {
        text-align: left;
    }

    /** TOOLBOX **/
    .toolbox h2 img { display: none; }
    .toolbox dl { width: 100%; }
    .toolbox dt { width: 25%; }
    .toolbox dd { width: 69%; }
    .toolbox p.buttons { width: 100%; }

    #map_canvas { width: 650px; height: 540px; }

    body.OTAGO018703 #content .caption232 { display: none; }
    /* eResearch toolkit */
    #content .eresearch_images a img { width: 25.8%; }
    #prefooter .message-box {
        max-width: 84.5%;
    }
    body.frontpage #prefooter .message-box {
        max-width: 650px;
    }
    /* ITS Training icons */
    body.OTAGO030141 #content .grid1:nth-of-type(1n) {
        margin-right: 0;
    }
    body.OTAGO030141 #content .grid1:nth-of-type(2n+1) {
        margin-right: 4%;
    }
    body.OTAGO030141 #content .grid1 {
        width: 48%;
    }
    #right { border-top: 1px solid #e4e4e4; }
}


/* Mobile styles*/

@media only screen and (max-width: 700px) {
    body.frontpage .titleinner,
    .titleinner {
        background: url(gfx/banner.jpg) -250px 0px no-repeat;
        background-size: 1000px;
        padding-bottom: 7px;
        width: 100%;
    }
    .titleinner h1 {
       max-width: 100% !important;
    }
    #title h1,
    body.frontpage #title h1 {
        background-position: 0px 36px;
        background-size: 260px;
        font-size: 45px;
        line-height: 1.1;
        padding: 245px 4% 21px 4%;
    }
    #title ul#breadcrumbs {
        margin-left: 4%;
    }
    body.frontpage #content .intro h2 {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        margin-top: 0;
    }
    #features .events {
        width: 97%;
        margin-left: 0px;
        padding: 0;
    }
    #features .events article {
        width: 47.5%;
        margin-right: 5%;
    }
    #features .events article:nth-of-type(2n) {
        margin-right: 0;
    }
    body.frontpage #content.otgx {
        width: 97%;
    }
    body.frontpage #content.otgx .grid-third {
        width: 31.3%;
        margin-right: 3%;
        padding: 0px;
    }
    body.frontpage #content.otgx .grid-third:nth-of-type(3n+1) {
        margin-right: 0;
    }
    body.frontpage #content {
        margin-left: 0;
        padding-left: 0;
    }
    body.frontpage #content.otgx .grid-third img {
        max-width: 100%;
        float: none;
    }
     body.frontpage #right {
        margin-left: 0;
         width: 97%;
    }
    body.frontpage #right .service-notices li {
        width: 42.5%;
        margin-right: 5%;
        margin-left: 5%;
    }
    #content .grid3 .grid1 {
        width: 97%;
    }
    body#its #content {
        max-width: 97%;
    }
    body.frontpage #content .current-notices,
    body.frontpage #content .scheduled-notices,
    body.frontpage #content .alert-notices {
        border-radius: 0;
        margin-top: -1px;
        padding-bottom: 14px;
        padding-right: 14px;
        width: 100%;
    }

    /** TOOLBOX **/
    #content select#eResearchMenu { width: 100%; }
    .toolbox h2 img { display: none; }
    .toolbox dl { width: 100%; }
    .toolbox dt { width: 100%; }
    .toolbox dd { width: 100%; }
    .toolbox p.buttons { width: 100%; }

    #map_canvas { width: 650px; }

    body.OTAGO018703 #content .caption232 {
        display: none;
    }
    #prefooter .message-box {
        max-width: 92%;
    }
    /* eResearch toolkit */
    #content .eresearch_images a {
        padding: 0;
    }
    #content .eresearch_images a img {
        max-width: 100%;
        margin-left: 0;
        padding: 0;
        float: none;
    }
    body.frontpage #prefooter .message-box {
        max-width: 97%;
        margin-left: 0;
    }
    body.frontpage #prefooter .message-box .message-box-inside {
        margin-left: 4%;
    }
}



@media only screen and (max-width: 500px) {
    .titleinner,
    body.frontpage .titleinner {
        background-position: -150px 0;
        background-size: 700px;
    }
    #title h1,
    body.frontpage #title h1 {
        background-position: 0 30px;
        background-size: 200px;
        font-size: 40px;
        padding-top: 170px;
    }
    body.frontpage #title h1 {
        background-position: 0 20px;
        padding-bottom: 0;
    }
    body.frontpage #content.otgx .grid-third {
        width: 100%;
        margin-right: 0%;
        float: none;
        margin-bottom: 21px;
        padding: 0%;
    }
    body.frontpage #content.otgx .grid-third img {
        border-radius: 0;
        float: right;
        margin-bottom: 14px;
        margin-right: 14px;
        margin-top: 14px;
        max-width: 114px;
    }
    body.frontpage #content.otgx .grid-third h3 {
        margin-top: 28px;
    }
    /** TOOLBOX **/
    #content select#eResearchMenu { width: 100%; }
    .toolbox h2 img { display: none; }
    .toolbox dl { width: 100%; }
    .toolbox dt { width: 100%; }
    .toolbox dd { width: 100%; }
    .toolbox p.buttons { width: 100%; }

    #content .eresearch_images a img { width: 25.6%; }

    #map_canvas { width: 280px; height: 440px; }
    #map_canvas #showmediv,
    #map_canvas #locationform {
        float: right;
        right: 0 !important;
        position: relative !important;
    }
    body.OTAGO018703 #content .caption232 { display: none; }
    /* Profile box : Our People page */
    #content .profile-box {
        padding-left: 14px;
    }
    #content .profile-box h3 {
        margin-top: 14px;
    }
    #content .profile-box img {
        margin-bottom: 14px;
        margin-right: 14px;
        margin-top: 14px;
        max-width: 114px;
    }
}

@media only screen and (max-width: 400px) {
    body.OTAGO030141 #content .grid1:nth-of-type(1n) {
        margin-right: 0;
    }
    body.OTAGO030141 #content .grid1 {
        width: 100%;
    }
}