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

/*********

UNIVERSITY OF OTAGO LIBRARY CSS

*********/

/* Show keyword matches on library searches */
.keymatches { display: block; }

body {
	background: url(gfx/background.png) 0px 0px repeat-x;
	color: #555555;
}
#wrapper { background: url(gfx/banner.jpg) center 0px no-repeat; }
header#global_intro h1 {
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
    font-size: 23px;
    letter-spacing: 0.01em;
    line-height: 1.1;
}
header#global_intro h1.global_intro_maori {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25;
    margin-top: 5px;
    padding-bottom: 14px;
}
#title { margin-top: -5px; }
.titleinner h1 {
    padding-bottom: 21px;
    padding-top: 256px;
}
h1 {
	color: #747f89;
	background-color: none;
}
#title h1.notopimage { max-width: 882px; }
#title h1 {
    background: url(gfx/title.png) 5px 30px no-repeat;
    background-color: none;
    color: #747f89;
    font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.05;
    max-width: none;
    opacity: 1;
    padding: 224px 0px 28px 23px;
    position: static;
    text-rendering: optimizeLegibility;
}
#title .titleinner img { display: none; }
#content .grid5-library {
	margin: 0 0 0 -232px;
	width: 1114px;
}
#content h1 { display: none; }
#content h2 {
    border-bottom: none;
	color: #444444;
	font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 35px;
	font-weight: 300;
    margin: 0 0 21px 0;
    line-height: 1.2;
    text-rendering: optimizeLegibility;
}
#content p + h2,
#content table + h2,
#content ul + h2,
#content ol + h2,
#content dl + h2,
#content form + h2,
#content div + h2,
#content a + h2 {
	margin-top: 35px;
}
#content h3 {
	color: #747f89;
	font-family: 'Amsi pro condbold', "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 1.3;
	margin-bottom: 14px;
	-moz-osx-font-smoothing: grayscale;
}

#content p,
#content ul,
#content ul li,
#content ol,
#content ol li,
#content table,
#content table th,
#content table td,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#right p,
#right li,
#right input {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.6;
}
#content p,
#content ol li,
#content ul li {
	font-size: 15px;
}
#content ul,
#content ol {
	margin-left: 0;
}
#content ol li,
#content ul li {
	margin-bottom: 7px;
	margin-left: 16px;
	padding-left: 0;
}
#content table th {
	color: #666666;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 13px;
}
#content ul.pagesubnav {
	background: #f9f9f9;
	border: 1px solid #ccc;
	padding: 14px;
}
#content ul.pagesubnav li {
	margin-bottom: 5px;
}
#content ul.pagesubnav li a {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
#content .tile-box-shadow-thumbnail-description p + h2:first-of-type,
#content .tile-box-shadow h2,
#content .tile-box-shadow-description h2,
#content .tile-box-shadow-thumbnail-description h2,
#content .tile-box-shadow-thumbnail-no-description h2,
#content .tile-box-shadow-thumbnail-no-description p + h2:first-of-type {
	font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.01em;
}
#content hr {
	background: url(/_assets/_gfx/grey-dot.svg) repeat-x 0 0;
	background-size: 9px;
	border: none;
	height: 5px;
	margin-bottom: 35px;
	margin-top: 35px;
}
#content form fieldset label.longlabel {
	width: 95%;
}
#content form #title {
  background: #ffffff;
}
#content .errors {
  width: 650px;
  border: solid 1px #F4C1C1;
  color: #790000 !important;
  margin: 10px 0 30px -23px;
  padding: 20px 23px 20px 23px !important;
  background: #FFE5E6;
}
#content .success {
  width: 650px;
  border: solid 1px #4F8A10;
  color: #4F8A10 !important;
  padding: 1.0em !important;
  background: #DFF2BF;
}
#content a.prevnext {
	background-color: #416EBF;
  padding: 7px 10px;
  border-radius: 16px;
}
table.calendarday { border-color: #eeeeee !important; }
#content table.calendarday a { border-bottom: none; }
.room { white-space: nowrap; }

/* Used on library hours page */
#content table td.datepicker { padding-left: 0; }

/* World Cat input button */
#content input[type="image"] {
	width: auto;
	border: none;
	margin: 0 0 0 3px;
	padding: 0px;
}

/* Question and answer styles */
div.question:before {
	content: "Q";
	display: block;
	width: 28px;
	height: 24px;
	color: #9eb1ca;
	font-size: 28px;
	font-family: 'Minion Pro', Georgia, serif;
	font-size: 28px;
	padding: 7px 14px 7px 14px;
	float: left;
}
div.answer {
	background-color: #f1f4f8;
	padding: 14px;
	margin-bottom: 35px;
}
div.answer:before {
  content: "A";
  display: block;
  height: 28px;
  width: 28px;
  color: #9eb1ca;
  font-size: 28px;
  font-family: 'Minion Pro', Georgia, serif;
  float: left;
  padding: 7px 14px 7px 0;
}

/* Short labels for Workshop booker */
#content form fieldset label.shortlabel {
	width: 19%;
}
/* Search page styles */
body.search #content form fieldset { width: 100%; }
.search .ui-widget-content { background: none; }
.search .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
	background: #ffffff;
}
body.search #content #basic input#site_1,
body.search #content #basic input#site_2 {
	height: 23px;
}
body.search #content #basic form fieldset fieldset label {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

/* New title styles: for Merrin */

#newtitles .titlebox {
   box-shadow: 0 10px 20px #f5f5f5;
   background:#FFF;
   padding:1em;
   border-radius:3px;
   border: 1px solid #dddddd;
   margin-bottom:21px;
   min-height: 100px;
}
#newtitles .imgfortitle,
#newtitles .nocover {
   float: left;
   min-width: 100px;
   min-height: 100px;
   display: inline-block;
}
#newtitles .nocover img {
   box-shadow: none;
}
#newtitles .titlebox img{
   box-shadow: 0 10px 20px #f5f5f5;
   background: #ffffff;
   float: left;
   position: relative;
}
#newtitles .imgfortitle {
   background: url(/library/newbooks/icon_book.png)no-repeat;
}
#newtitles .titleitself {
   display: inline-block;
   height: 100%;
   width: 75%;
}
#newtitles a[href*="/rss/"], a[href*=".rss"], a[href$=".xml"] {
   padding: 0 0 5px 20px;
}
#newtitles .nocover img {
   box-shadow: none;
}
#newtitles .smallscreens {
  display: none;
}

@media only screen and (max-width:700px){
	#newtitles .imgfortitle,
	#newtitles .nocover {
	  min-width: 1px;
	  width: 25%;
	}
	#newtitles .titleitself {
		float: none;
		width: auto;
		max-width: 100%;
		width: 70%;
		box-sizing: border-box;
		min-height: 100px;
		padding-left: 1em;
	}
	#content #newtitles img {
	  max-width: 100%;
	  height: auto;
	  float: none;
	  margin-left: 0;
	}
	#newtitles .largescreens {
	  display: none;
	}
	#newtitles .smallscreens {
  	margin-top: 0.5em;
		display: block;
	}
}


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

New Dynamic styles

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

#content.otgx {
	width: 882px;
	margin-right: 46px;
	float: left;
	min-height: 80px;
}
body.OTAGO023324 #content .grid1.news-library {
	margin-right: 0px;
}
body.OTAGO023324 #content .grid1.news-library h3 {
	font-family: Helvetica, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.3;
}
body.OTAGO023324 #content .grid1.news-library .smalltag {
	padding-bottom: 7px;
	line-height: 12px;
  font-size: 11px;
	color: #999999;
}
body.OTAGO023324 #content .grid4.search-library {
	width: 650px;
	float: left;
}


/* Content boxes */

.OTAGO-144651 #box1 { width: 100%; }
.OTAGO023343 #content .grid-third-content:nth-of-type(3n),
.OTAGO023351 #content .grid-third-content:nth-of-type(3n+1),
.OTAGO-144656 #content .grid-third-content:nth-of-type(3n+1),
.OTAGO-144655 #content .grid-third-content:nth-of-type(3n+1),
.OTAGO-144653 #content .grid-third-content:nth-of-type(3n+1),
.OTAGO-144652 #content .grid-third-content:nth-of-type(3n+1),
.OTAGO-144654 #content .grid-third-content:nth-of-type(3n+1) { margin-right: 0; }
.OTAGO-144651 #content .grid-third-content:nth-of-type(3n+2) { margin-right: 0; }
#content .grid-third-content h2:before {
	content: '';
	width: 49px;
	height: 3px;
	background: #dfe2ea;
	position: absolute;
	left: 14px;
	top: -14px;
	transition: all 0.2s ease;
}
#content .grid-third-content h2 {
	font-size: 21px;
	padding: 0 14px;
	margin-bottom: 28px;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 300;
	position: relative;
}
#content .grid-third-content p +  h2:first-of-type {
	margin-top: 21px;
	margin-bottom: 21px;
}
#content .grid-third-content:hover h2:before {	width: 40%; }
#content.otgx + #right {
	margin-left: 0px;
	padding-left: 0;
	width: 16%;
}
#content .grid-third-content a { display: block; border-bottom: none; }
#content .grid-third-content a:hover { border-bottom: none; }

/* Intro */

.intro {
	width: 100%;
	margin-bottom: 14px;
}
#content .intro p {
	font-size: 19px;
  line-height: 1.3;
  font-family: "Minion Pro", Minion, Georgia, Times New Roman, serif;
  color: #444444;
}

/* Locations page */

.OTAGO023351 #content .grid-third-content p + h2:first-of-type {
	margin-bottom: 10px;
}
.OTAGO023351 #content .grid-third-content p {
	font-size: 13px;
}
.OTAGO023351 #content .grid-third-content .smalltag {
	font-size: 13px;
	font-style: normal;
	color: #888888;
}
.OTAGO023351 #content ul {
	list-style-type: none;
	margin-left: 14px;
}
.OTAGO023351 #content li {
	line-height: 1.4;
	margin-bottom: 5px;
  padding-right: 14px;
}
.OTAGO023351 #content .grid-third-content a {
	display: inline;
}
.OTAGO023351 #content .grid-third-content li a {
	padding-left: 20px;
	display: block;
}
.hours-link {
	background: url(gfx/clock-icon.svg) no-repeat 0 center;
	background-size: 15px;
}
.hours-item {
	background: url(gfx/clock-icon.svg) no-repeat 0 3px;
	background-size: 15px;
	padding-left: 20px;
}
.group-link {
	background: url(gfx/group-icon.svg) no-repeat 0 center;
	background-size: 15px;
}/*
.floor-link {
	background: url(gfx/floor-plan-icon.svg) no-repeat 0 center;
	background-size: 15px;
}*/
.floor-link a[href*=".pdf"] {
  background: url(/_assets/_gfx/pdf-icon.svg) no-repeat 0 center;
  padding: 0;
}
.map-link {
	background: url(/_assets/_gfx/location-icon.svg) no-repeat 0 center;
}
.website-link {
	background: url(/_assets/_gfx/link.svg) no-repeat 0 5px;
	background-size: 13px;
}

/* Get help page */

.OTAGO023343 #box4,
.OTAGO023343 #box5 {
	width: 100%;
}
.OTAGO023343 #search-box {
	padding-bottom: 0;
	margin-bottom: 35px;
	border-radius: 3px;
}
.OTAGO023343 #search-box .s-la-widget {
	background: none;
}
.OTAGO023343 #content #search-box input {
	width: 100%;
	border-radius: 3px 0px 0px 3px;
}
.OTAGO023343 #content button {
	border-radius: 0px 16px 16px 0px;
	text-align: center;
	background: url(/_assets/_gfx/search-icon-white.svg) no-repeat 14px center #f9c000;
	background-size: 21px;
	padding: 5px 10px 6px 10px;
}
.OTAGO023343 #content button:hover {
	background-color: #dfa000;
	box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.2);
}
.OTAGO023343 #content button:active {
	background-color: #416ebf;
	border: 2px solid #416ebf;
	color: #ffffff;
}
.OTAGO023343 .s-la-widget-embed {
	padding: 0;
}
.OTAGO023343 .s-la-faq-listing-q::before {
    padding: 0px 35px 7px 0px;
}
.OTAGO023343 .s-la-widget .s-la-faq-listing-topics .label-topic {
   background-color: #efefef;
	border: 1px solid #e4e4e4;
   padding: 0px 5px 2px 5px;
	border-radius: 3px;
}
.OTAGO023343 .s-la-widget li.s-la-faq-listing {
	margin-bottom: 14px;
	padding-bottom: 14px;
}
.OTAGO023343 #content .s-la-widget .s-la-faq-listing-topics .label-topic a {
	border-bottom: none;
	vertical-align: middle;
}
.OTAGO023343 .s-la-widget .s-la-faq-listing-meta .metalabel {
	font-weight: normal;
	color: #888888;
}

/* Services for teaching */

.OTAGO-144654 #content a[href*=".pdf"] {
  background: none;
  padding: 0px 0 0px 0px;
}

ul#social_media {
  padding: 40px 15px 130px 15px;
}


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

Frontpage

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

#content.otgx {
	width: 100%;
	max-width: 882px;
	display: flex;
	flex-wrap: wrap;
}
body.frontpage #content.otgx {
	padding-top: 0;
}
body.frontpage #content h2 {
	color: #555555;
	line-height: 1.3;
	margin-top: 0px;
	margin-bottom: 21px;
	border-bottom: none;
	font-size: 20px;
}
body.frontpage #content h2.welcome {
	color: #666666;
	font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 1.3;
/* 	border-top: 1px solid #dddddd;
	padding-top: 35px; */
	margin-bottom: 14px;
  width: 100%;
}
body.frontpage #content h2.welcome em {
	font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
}
/* body.frontpage #box10 {
	width: 100%;
} */
body.frontpage #content p {
	padding: 0;
	margin: 0 0 7px 0;
}
body.frontpage .grid-third,
.grid-third-content {
	border: 1px solid #dddddd;
	border-radius: 6px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.09);
	box-sizing: border-box;
	float: left;
	margin-bottom: 46px;
	margin-right: 5.3%;
	transition: 0.3s all ease;
	width: 29.8%;
}
body.frontpage .grid-third:hover,
.grid-third-content:hover {
	box-shadow: 0 0 5px #f1f1f1;
	border: 1px solid #cccccc;
}
body.frontpage .grid-third:nth-of-type(3n),
body.frontpage .grid-third:nth-of-type(10) {
	margin-right: 0;
}
body.frontpage #content .grid-third p img,
#content .grid-third-content p img {
	border: none;
	border-radius: 3px 3px 0 0;
	margin-bottom: 7px;
	margin-left: 0;
	padding: 0;
	width: 100%;
}
body.frontpage #content .grid-third p img {
	border-radius: 6px 6px 0 0;
}
body.frontpage #content .grid-third a {
	border-bottom: none;
	display: block;
}
body.frontpage #content .grid-third h2 {
	font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 0px;
	padding: 0 14px;
	position: relative;
}
body.frontpage #content .grid-third h2:after {
	background: #f9c000;
	content: '';
  display: block;
	height: 5px;
	margin-bottom: 14px;
	margin-top: 14px;
	transition: all 0.3s ease-out;
	width: 47px;
}
body.frontpage #content .grid-third:hover h2:after {
	width: 40%;
}
body.frontpage #content .grid-third p,
#content .grid-third-content p {
	padding: 0 14px 14px 14px;
}
body.frontpage #content .grid-third p:first-of-type,
#content .grid-third-content p:first-of-type {
	padding: 0;
}

/* Search box */

body.frontpage #box2,
.OTAGO-144651 #box1 {
	width: 100%;
		box-shadow: 0 10px 20px #f5f5f5;
	margin-bottom: 46px;
}
body.frontpage #box2 {
	margin-top: 21px;
}
.OTAGO-144651 #box1 {
	margin-bottom: 35px;
}
#search-box {
	width: 100%;
	background: #79838d;
	border-radius: 3px 3px 0 0;
	padding: 21px 14px 14px 14px;
	box-sizing: border-box;
	color: #b3c0ce;
	overflow: hidden;
}
.OTAGO023343 #search-box {
    overflow: visible;
}
.OTAGO-144651 #search-box {
	border-radius: 3px;
}
body.frontpage #content #search-box input[type="text"],
.OTAGO-144651 #content #search-box input[type="text"] {
	padding: 7px;
	width: 80%;
	float: left;
	margin-bottom: 10px;
	box-sizing: border-box;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	border-radius: 3px 0 0 3px;
	line-height: 18px;
  max-height: 34px;
}
body.frontpage #content #search-box input[type="submit"],
.OTAGO-144651 #content #search-box input[type="submit"],
.OTAGO023343 #content #search-box input[type="submit"] {
	background: url(/_assets/_gfx/search-icon-white.svg) no-repeat 14px center #f9c000;
	background-size: 21px;
	border-radius: 0 16px 16px 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 700;
	margin: 0;
	max-height: 34px;
	min-height: 34px;
	padding: 5px 7px;
	text-align: center;
	transition: all 0.3s ease-out;
	width: 20%;
}
body.frontpage #content #search-box input[type="submit"]:hover,
.OTAGO-144651 #content #search-box input[type="submit"]:hover,
.OTAGO023343 #content #search-box input[type="submit"]:hover {
	background-color: #dfa000;
	box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.2);
}
body.frontpage #content #search-box input[type="submit"]:active,
.OTAGO-144651 #content #search-box input[type="submit"]:active,
.OTAGO023343 #content #search-box input[type="submit"]:active {
	background-color: #416ebf;
	border: 2px solid #416ebf;
	color: #ffffff;
}
body.frontpage #content #search-box a,
.OTAGO-144651 #content #search-box a {
	color: #ffffff;
	border-bottom: none;
	font-size: 12px;
}
body.frontpage #content #search-box p,
.OTAGO-144651 #content #search-box p {
	margin: 0;
}
body.frontpage #content #search-box .advanced-search-toolbar,
.OTAGO-144651 #content #search-box .advanced-search-toolbar {
	float: left;
    margin-left: 7px;
}
body.frontpage #content #search-box .advanced-search,
.OTAGO-144651 #content #search-box .advanced-search {
	float: right;
    margin-right: 7px;
}
body.frontpage #content .toolbar {
	border: 1px solid #dddddd;
	border-radius: 0 0 3px 3px
}
body.frontpage #content .toolbar ul {
	margin-bottom: 7px;
	margin-left: 0;
}
body.frontpage #content .toolbar li {
	border-right: 1px solid #e4e4e4;
	box-sizing: border-box;
	display: inline-block;
	font-size: 14px;
	line-height: 1.25;
	margin-left: 6px;
	margin-top: 14px;
	padding-left: 42px;
	vertical-align: top;
	width: 24%;
}
body.frontpage #content .toolbar li:last-of-type {
	border-right: none;
}
body.frontpage #content .toolbar a {
	border-bottom: none;
}
body.frontpage #content .toolbar li.library-account {
	background: url(/_assets/_gfx/profile-icon-yellow.svg) no-repeat 14px top;
	background-size: 18px;
}
body.frontpage #content .toolbar li.room-booking {
	background: url(/_assets/_gfx/confirm-icon-yellow.svg) no-repeat 14px top;
	background-size: 18px;
}
body.frontpage #content .toolbar li.get-help {
	background: url(/_assets/_gfx/question-icon-yellow.svg) no-repeat 49px top;
	background-size: 18px;
}
body.frontpage #content .toolbar li.get-help a {
	padding-left: 35px;
}
body.frontpage #content .toolbar li.libchat {
	background: url(/_assets/_gfx/chat-bubble-icon-yellow-two.svg) no-repeat 58px top;
	background-size: 25px;
}
body.frontpage #content .toolbar li.libchat a {
	padding-left: 49px;
}
body.frontpage #content .toolbar .libchat > div {
	display: none;
}
body.frontpage #content li:nth-of-type(4) a {
	position: relative;
}
body.frontpage #content li:nth-of-type(4) a:nth-of-type(2) {
  display: none;
}
body.frontpage #content .toolbar li:nth-of-type(4) a:after {
	content: 'LibChat';
	width: 100px;
	height: 20px;
	display: block;
	position: absolute;
	top: -1px;
	left: 0;
	padding-left: 30px;
}



/* Library hours */
body.frontpage #content .library-hours [v-cloak] { display: none; }

/*body.frontpage #content .library-hours { display: none; }*/
body.frontpage #content .library-hours,
body.frontpage #content #hours {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 35px;
	width: 100%;
}
body.frontpage #content .library-hours {
	margin-top: 21px;
}
body.frontpage #content .library-hours h2 {
	font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: 300;
	position: relative;
	margin-bottom: 35px;
    background: url(gfx/clock-icon.svg) no-repeat right center;
	width: 100%;
}
body.frontpage #content .library-hours h2:after {
	content: '';
	width: 49px;
	height: 3px;
	background: #dfe2ea;
	position: absolute;
	left: 0px;
	bottom: -14px;
}
body.frontpage #content #hours div {
	float: left;
	width: 14.2%;
	padding-left: 1.1%;
	padding-right: 1.1%;
	border-right: 1px solid #e4e4e4;
	box-sizing: border-box;
	min-height: 82px;
}
body.frontpage #content #hours div:first-of-type {
	padding-left: 0;
}
body.frontpage #content #hours div:last-of-type {
	border-right: none;
	padding-right: 0;
}
body.frontpage #content .library-hours h3 {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 13px;
	line-height: 1.3;
	margin-bottom: 7px;
}
body.frontpage #content .timerange,
body.frontpage #content .timerange-hocken,
body.frontpage #content .timerange-law,
body.frontpage #content .timerange-southland {
	color: #888888;
	font-size: 11px;
	line-height: 1.1;
}
.timerange strong,
.timerange-hocken strong,
.timerange-law strong,
.timerange-southland strong {
	color: #333333;
	padding-top: 7px;
	display: block;
	font-variant: small-caps;
	text-transform: none;
	letter-spacing: 0.07em;
	word-spacing: -2px;
}
body.frontpage #content p.open-close {
	color: #888888;
	font-style: italic;
	padding-left: 12px;
	font-size: 11px;
	position: relative;
	margin-bottom: 0;
	line-height: 1.3;
}
body.frontpage #content .open:before {
	width: 7px;
	height: 7px;
	content: '';
	background: #9ae718;
	display: block;
	position: absolute;
	top: 5px;
	border-radius: 50%;
	left: 0;
}
body.frontpage #content .closed:before {
	width: 7px;
	height: 7px;
	content: '';
	background: #ff002a;
	display: block;
	position: absolute;
	top: 3px;
	border-radius: 50%;
	left: 0;
}
#content span.library-see-more a {
	border: 1px solid #dddddd;
	border-radius: 16px;
	display: inline-block;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	margin-left: 21px;
	padding: 3px 24px 3px 10px;
	position: relative;
	vertical-align: bottom;
}
#content span.library-see-more a:after {
	background: url(/_assets/_gfx/arrow-grey-forward.svg) no-repeat 0 center;
	content: '';
	width: 10px;
	height: 21px;
	position: absolute;
	top: 0;
	right: 5px;
	display: block;
}
#content span.library-see-more a:hover {
	background: #416ebf;
	color: #ffffff;
}
body.frontpage #right {
	margin-left: 0;
	padding-left: 0;
	width: 16%;
}
body.frontpage #right {
	margin-left: 0;
	padding-left: 0;
	width: 16%;
}



/* Hocken frontpage h2 */
 body.OTAGO023355 #content .grid_third h2 {
 	border-bottom: none;
 }
  body.OTAGO023355 #content .grid_third span {
 	background-color: #ffffff;
 	padding-right: 7px;
 }

body.OTAGO023324 #content .grid1 ul,
body.OTAGO023355 #content .grid_third ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
body.OTAGO023324 #content .grid1 li,
body.OTAGO023355 #content .grid_third li {
	padding: 0 0 0 0;
	margin: 0 0 7px 0;
	list-style-type: none;
	font-size: 13px;
}
/* Creates date calendar icon */
body.OTAGO023324 #content .grid1 .calendar {
	color: #666666;
	margin: 0;
	padding: 0;
	background-image: url(/_assets/_gfx/sprite-widget.png);
	background-repeat: no-repeat;
	background-position: -795px -794px;
	padding-left: 25px;
	font-family: Georgia, Times, serif;
	line-height: 1.5;
}

/* Summon search box */
#summon_index {
	background-color: #ecf1fa;
	border: 1px solid #d2dcf0;
	color: #999999;
	padding: 21px;
	border-radius: 6px;
	margin-bottom: 28px;
	overflow: hidden;
}
/* Summon logo */
#summon_index img {
	padding: 0px 0 0 0;
}
#content #summon_index a {
	border-bottom: none;
}
body.OTAGO023324 #content input {
	padding: 0;
	margin: 0;
}

#right {
  background: none;
}
#right h2 {
	font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	margin-bottom: 14px;
}
#right ul li {
	margin-left: 12px;
}

/* Search box text field */
#content #summon_index input[type=text] {
	background: url(/_assets/_gfx/sprite-search.png) #ffffff no-repeat 10px -52px;
	color: #888888;
	min-height: 13px;
	width: 390px;
	padding: 10px 0 10px 35px;
	margin: 0 0 0 35px;
	border-radius: 4px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border: 1px solid #bccae1;
    box-shadow: inset 1px 1px 4px 0px #e4e4e4;
    text-overflow: ellipsis;
}
body.OTAGO023324 #summon_index {
	margin-bottom: 14px;
}
body.OTAGO023324 #content #summon_index input[type=text] {
	width: 626px;
	margin: 0 0 0 14px;
}
/* Search box search button */
#content #summon_index input[type=submit] {
	background: #5880c7;
	color: #ffffff;
	width: 115px;
	min-height: 37px;
	margin: 0 0 0 -5px;
	padding: 4px 0 0 0;
	font-size: 15px;
	border-radius: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border: none;
	text-align: center;
}
#content #summon_index input[type=submit]:hover {
	background-color: #4d6fad;
}
#content #summon_index input[type=submit]:active {
	background-color: #5f8ddd;
}
#content .summon {
	font-size: 12px;
	margin: 15px 0 0 203px !important;
}
#content .summon a {
	margin-right: 7px;
	margin-left: 7px;
}
body.OTAGO023324 #content p.fullwidthimage {
	margin-top: 28px;
	border-bottom: none;
}
body.OTAGO023324 #content .fullwidthimage img {
	max-width: 98%;
}
/** Notice box change **/
body.OTAGO023324 .notice {
	margin-bottom: 21px;
	background-color: #ecf1fa;
}
body.OTAGO023355 #right {
	background-image: none;
	display: block;
	margin-top: 163px;
	margin-left: 46px;
	padding: 7px 0 0 0px
}
body.OTAGO023324 #right{
	margin-left: 0px;
}
/* Library catalogues */
#content #library-catalogues dt {
	font-weight: normal;
}
#content #library-catalogues img {
	max-width: 100%;
}

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

Library hours calendar formatting

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

#content table.month td select { width: 186px; }
#content table.month td input { display: none; }
#content table td.monthname { border: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; line-height: 24px; margin-bottom: 7px; text-align: center; }
#content table.month td.today { background: #fff0b3; }
#content table.eventcontent,#content table.eventcontent tr { border: none; }
#content table.Closed,#content table.Closed tr { border: none; }
#content table td.monthday { border: solid 1px #ccc; }
#content table td.today { border: solid 1px #ccc; }
#content table td.saturdayday { border: solid 1px #ccc; }
#content table td.sunday { border: solid 1px #ccc; }
#content table td.nomonthday { background: #f0f0f0; }
#content table td.dayname { background-color: #f1f4f8; padding: 7px; font-family: Georgia, 'Times New Roman', Times, serif; line-height: 16px; }

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

New Library searchbox

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

/* Put dropdown over grid3s using z-index */
#content .grid3 {
	position: relative;
	z-index: 0;
}
#primosearchbox {
  	background-color: #ecf1fa;
	border: 1px solid #d2dcf0;
	border-radius: 6px;
	color: #999999;
	margin-bottom: 28px;
	overflow: visible;
	padding: 21px;
}
#primosearchbox input[type="text"].primosearchinput {
	background: #fff;
	border: none;
	border-left: 1px solid #BCCAE1;
	border-top: 1px solid #BCCAE1;
	border-bottom: 1px solid #BCCAE1;
	border-radius: 4px 0px 0px 4px;
	box-shadow: 1px 1px 4px 0 #E4E4E4 inset;
	color: #888888;
	float: left;
	font-size: 14px;
	line-height: 1.4;
	margin: 0 0 0 14px;
	min-height: 32px;
	padding: 2px 0px 2px 6px;
	text-overflow: ellipsis;
    transition: outline 300ms ease-out 0s;
	vertical-align: middle;
  	width: 500px;
}
#primosearchbox input[type="submit"].primosearchbutton {
  background: url(/_assets/_gfx/sprite-search.png) #5880c7 -52px 11px no-repeat;
  display: inline-block;
  width: 38px;
  height: 38px;
  border-radius: 0px 4px 4px 0px;
  cursor:pointer;
  border: none;
  transition: all 300ms ease-out 0s;
  border: 1px solid #4a6ca8;
}
#primosearchbox input[type="submit"].primosearchbutton:hover {
  background-color: #4a6ca8;
}
#primosearchbox input[type="submit"].primosearchbutton:active {
  background-color: #37507e;
  box-shadow: 0px 0px 5px 5px #fff;
}
#content #primosearchbox input[value="Search"] {
  text-indent: -9999px;
}
#primosearchbox a {
	border-bottom: 1px solid #c9dcff;
	color: #416EBF;
	font-family: Helvetica, Arial, sans-serif;
  	font-size: 14px;
  	text-decoration: none;
  	transition: color 0.35s;
}
#primosearchbox a:hover {
	border-bottom: 1px solid #416EBF;
	color: #003399;
  	text-decoration: none;
}
/*.dropdown {
  margin-top: 0 !important;
  border-top: 0 !important;
  width: 98px;
  border-radius: 0;
}
#content .dropdown ul {
	margin-left: 0;
	z-index: 99;
}
.dropdown .selected {
	font-size: 15px;
	padding: 11px 12px 10px 12px;
}
.dropdown li.focus {
	background: #f1f1f1;
	color: #000;
}
.dropdown div {
	height: 110px !important;
}*/
#content form#primosearch fieldset {
	width: 100px;
	padding: 0;
	margin: 0;
	float: left;
	border: 1px solid #D5D8DB;
	background: #ffffff;
}
#content select.dropdown {
	background: #fff;
	border: none;
	cursor: pointer;
	font-size: 16px;
	height: 36px;
	left: 0;	
	margin: 0;
	min-height: 16px;
	overflow: hidden;
	padding: 7px 0px 7px 10px;
	position: relative;
	top: 0;
	vertical-align: middle;
	width: 100px;
}
#primosearchbox .advsearch {
	float: right;
}
#primosearchbox .advsearch a {
  float: left;
  position: relative;
  display: inline-block;
  margin-right: 5px;
  font-size: 13px;
  border-bottom: none;
}

/* LibChat (beta) */

#libchat_b0c6ca02f565e5f3d471266583ae1404 {
	margin-bottom: 26px;
}
#content button.libchat_online {
	width: auto;
	margin: 0 14px 14px 14px;
	padding-left: 40px;
	padding-right: 14px;
	border-radius: 16px;
}
#content p.libchat-text:first-of-type {
	padding-left: 14px;
	padding-right: 14px;
	margin-bottom: 7px;
}
.grid-third-content #libchat_b0c6ca02f565e5f3d471266583ae1404 img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

/* Phonebook */

#content #phonebook h3 {
	margin-bottom: 21px;
	margin-top: 28px;
}
#content #phonebook table th {
	border-top: 1px solid #dddddd;
	font-size: 14px;
}
#content #phonebook table th + td:nth-of-type(1) {
	padding-left: 7px;
	border-top: 1px solid #dddddd;
}
#content #phonebook table td {
	line-height: 1.7;
	font-size: 14px;
}

/* Stuff */

#prefooter {
    max-width: 650px;
    width: 100%;
    padding: 0 23px 14px 25px;
    margin: 0 auto;
}
#prefooter .grid-half {
	margin-right: 4%;
	width: 60%;
	float: left;
	box-sizing: border-box;
}
#prefooter .grid-half:nth-of-type(2n) {
	margin-right: 0;
	width: 40%;
}
#prefooter .feature-box {
  border: 1px solid #cccccc;
  border-radius: 3px;
  float: left;
  width: 100%;
  margin-bottom: 45px;
  display: flex;
  box-sizing: border-box;
}
#prefooter .feature-box .content {
	padding: 21px 21px;
	padding-right: 0;
}
#prefooter .feature-box .content p {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 14px;
}
#prefooter .feature-box .cta {
	align-items: center;
	background: #00508f url(/_assets/_gfx/crest-line.svg) no-repeat right 0;
	background-size: 220px;
	border-radius: 0 3px 3px 0;
	display: flex;
	justify-content: center;
	text-align: center;
}
#prefooter .feature-box .cta .content-button {
	text-align: center;
}
#prefooter .feature-box .cta .content-button a {
	background: #ffcd23;
	border: 2px solid #dfa000;
	border-radius: 16px;
	color: #333333;
	display: inline-block;
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	min-width: 60px;
	padding: 4px 14px;
	text-align: center;
	transition: all 0.2s ease;
}
#prefooter .feature-box img {
	margin: 0;
	padding: 0;
}
#prefooter .feature-box h2 {
	border-bottom: none;
	font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 27px;
	font-weight: 700;
	background-image: url(/_assets/library/gfx/chat-bubble-icon-yellow-two.svg);
	background-repeat: no-repeat;
	background-position: 105px 3px;
	background-size: 49px;
}
#prefooter .feature-box h2::after {
	background: #f9c000;
	content: '';
	width: 56px;
	height: 3px;
	margin: 14px 0;
	margin-bottom: 14px;
	display: block;
}
#prefooter .feature-box .cta #libchat_a057f2f776c753f713e471453f2dda4b img {
	display: none;
}
#prefooter .feature-box .cta #libchat_a057f2f776c753f713e471453f2dda4b a:after {
	background: #ffcd23;
	border: 2px solid #dfa000;
	border-radius: 16px;
	color: #333;
	content: 'Get help now';
	display: inline-block;
	font-family: 'Open Sans', Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
	height: 20px;
	min-width: 60px;
	padding: 4px 14px;
	text-align: center;
	transition: all 0.3s ease;
	width: 100px;
}
#prefooter .feature-box .cta #libchat_a057f2f776c753f713e471453f2dda4b a:hover:after {
	background-color: #dfa000;
	color: #ffffff;
	border: 2px solid #dfa000;
}
body.frontpage #prefooter .feature-box {
	display: none;
}

/* ORCID */

body.OTAGO669501 #content .orcid-button {
	cursor: pointer !important;
	text-align: center;
	transition: box-shadow 0.3s ease-out;
}
body.OTAGO669501 #content .orcid-button img {
	margin: 0;
	cursor: pointer !important;
	padding: 0;
	border-radius: 7px;
}
body.OTAGO669501 #content .orcid-button:hover img {
	box-shadow: 0 5px 14px #ccc;
	transition: box-shadow 0.3s ease-out;
}
body.OTAGO669501 #right .orcid-badge {
	float: left;
	width: 50%;
	border-bottom: none;
	margin-bottom: -28px;
}
body.OTAGO669501 #right .orcid-badge img {
	width: 100%;
}

/* Promo box */

body.frontpage .promo-box {
	border: 1px solid #dddddd;
	border-radius: 3px;
	box-shadow: 0 10px 30px #f5f5f5;
	box-sizing: border-box;
	float: left;
	margin-bottom: 46px;
	padding: 14px;
	width: 100%;
}
body.frontpage #content .promo-box h2 {
	font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 25px;
	font-weight: 300;
	letter-spacing: 0.01em;
	margin-bottom: 14px;
}
body.frontpage .promo-box h2::after {
	content: '';
	width: 49px;
	height: 3px;
	margin-top: 14px;
	margin-bottom: 0;
	background: #dfe2ea;
	display: block;
}
body.frontpage .promo-box h2 a {
	border: none;
}
body.frontpage #content .promo-box h3 {
	color: #333333;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
}

/* Research skills framework */

.OTAGO730894 #content table {
	border: 1px solid #dddddd;
	border-collapse: separate;
	margin-top: 35px;
	position: relative;
	table-layout: fixed;
	
}
.OTAGO730894 #content table th {
	background: #ffffff;
}
.OTAGO730894 #content table th,
.OTAGO730894 #content table td {
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	line-height: 1.5;
	padding: 14px 14px 7px 14px;
}
.OTAGO730894 #content table tr th:nth-of-type(4),
.OTAGO730894 #content table tr td:nth-of-type(4) {
	border-right: 0;
}
.OTAGO730894 #content table th p,
.OTAGO730894 #content table td p,
.OTAGO730894 #content table td li {
	font-size: 14px;
	line-height: 1.5;
}
.OTAGO730894 #content table td ul {
	margin-left: 12px;
}
.OTAGO730894 #content table td li {
	margin-bottom: 7px;
}
.OTAGO730894 #content table th h2,
.OTAGO730894 #content table td h2 {
	color: #747f89;
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 25px;
	margin-bottom: 7px;
}
.OTAGO730894 #content table tr:nth-of-type(1) th {
	background: #747f89;
}
.OTAGO730894 #content table tr:nth-of-type(1) {
	position: sticky;
	top: 0;
}
.OTAGO730894 #content table tr:nth-of-type(1) h2 {
	color: #ffffff;
}
.OTAGO730894 #content table tr:nth-of-type(2) h2,
.OTAGO730894 #content table tr:nth-of-type(3) h2,
.OTAGO730894 #content table tr:nth-of-type(4) h2,
.OTAGO730894 #content table tr:nth-of-type(5) h2,
.OTAGO730894 #content table tr:nth-of-type(6) h2,
.OTAGO730894 #content table tr:nth-of-type(7) h2,
.OTAGO730894 #content table tr:nth-of-type(8) h2 {
	color: #ffffff;
	padding: 3px 7px 7px 7px;
}
.OTAGO730894 #content table tr:nth-of-type(1) th p {
	color: #ffffff;
}
.OTAGO730894 #content table tr:nth-of-type(2) td {
	border-top: 7px solid #416ebf;
}
.OTAGO730894 #content table tr:nth-of-type(2) td:nth-of-type(1) h2 {
	background: #416ebf;
}
.OTAGO730894 #content table tr:nth-of-type(3) td {
	border-top: 7px solid #cc0000;
}
.OTAGO730894 #content table tr:nth-of-type(3) td:nth-of-type(1) h2 {
	background: #cc0000;
}
.OTAGO730894 #content table tr:nth-of-type(4) td {
	border-top: 7px solid #ee9a00;
}
.OTAGO730894 #content table tr:nth-of-type(4) td:nth-of-type(1) h2 {
	background: #ee9a00;
}
.OTAGO730894 #content table tr:nth-of-type(5) td {
	border-top: 7px solid #c464c4;
}
.OTAGO730894 #content table tr:nth-of-type(5) td:nth-of-type(1) h2 {
	background: #c464c4;
}
.OTAGO730894 #content table tr:nth-of-type(6) td {
	border-top: 7px solid #74b724;
}
.OTAGO730894 #content table tr:nth-of-type(6) td:nth-of-type(1) h2 {
	background: #74b724;
}
.OTAGO730894 #content table tr:nth-of-type(7) td {
	border-top: 7px solid #79a1ae;
}
.OTAGO730894 #content table tr:nth-of-type(7) td:nth-of-type(1) h2 {
	background: #79a1ae;
}
.OTAGO730894 #content table tr:nth-of-type(8) td {
	border-top: 7px solid #d7a4ad;
}
.OTAGO730894 #content table tr:nth-of-type(8) td:nth-of-type(1) h2 {
	background: #d7a4ad;
}

/* Ask a question */

.OTAGO023348 #content form fieldset {
	background: #f9f9f9;
	border: 1px solid #cccccc;
	border-radius: 3px;
	box-sizing: border-box;
	margin: 0 0 35px 0;
	padding: 21px 28px;
}
.OTAGO023348 #content form fieldset legend {
	font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 20px;
	letter-spacing: 0.02em;
}
.OTAGO023348 #content form fieldset label,
.OTAGO023348 #content form fieldset input {
	box-sizing: border-box;
	float: none;
	width: 100%;
}
.OTAGO023348 #content form fieldset label {
	cursor: auto;
	font-size: 15px;
	margin: 14px 0;
}
.OTAGO023348 #content form fieldset input {
	padding: 5px 7px;
}
.OTAGO023348 #content input[required] {
	border: 2px solid #ccc;
}
.OTAGO023348 #content fieldset select,
.OTAGO023348 #content fieldset textarea {
	border: 2px solid #ccc;
	border-radius: 3px;
	box-sizing: border-box;
	padding: 15px;
	width: 100%;
}

/* Libchat fix */

body.frontpage #box1 .toolbar ul li:nth-of-type(4) a:nth-of-type(2) {
	display: none;
}

/* Retina title graphic */

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

/* Completes percentage based layout */



@media only screen and (min-width: 701px) and (max-width: 1160px) {
	#contentwrapper,
	.topnavinner,
	.titleinner,
	footer.wrapper,
	div.footer_wrapper {
    	box-sizing: border-box;	
		width: 100%;
  	}
  	#contentwrapper,
	.topnavinner,
	footer.wrapper,
	div.footer_wrapper { max-width: 1114px;	}
	ul#breadcrumbs {
		width: 100%;
		max-width: 70%;
		overflow: hidden;
		margin-left: 0;
		padding-left: 232px;
		box-sizing: border-box;
	}
	#globalsearch {
		max-width: 232px;
		width: 100%;
	}
	div#nav_holder {
		max-width: 100%;
		width: 100%;
	}
	.titleinner {
		max-width: 100%;
		padding-left: 240px;
	}
  	#title h1 { padding: 214px 0px 14px 15px; }
	div#nav_wrapper { left: 23px; }
	#content {
		box-sizing: border-box;
		padding: 12px 0px 46px 232px;
		width: 78%;
	}
  	body.frontpage #content.otgx { max-width: 100%;	}
	#right {
		width: 22%;
		box-sizing: border-box;
	}
	body.frontpage #right {
		position: absolute;
		top: 740px;
	}
	body.frontpage #content.otgx,
	#content.otgx { max-width: 100%; }
	/* LibChat (beta) */
	#content button.libchat_online {
		width: 85% !important;
		padding-left: 14px;
		text-align: center;
	}
}



/* iPad landscape */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.titleinner {
    	overflow: visible;
  	}
	body.OTAGO023324 #content {
		padding-bottom: 21px;
	}
	#content #summon_index input[type=text] {
		width: 244px;
		padding: 10px 0 10px 35px;
		margin: 0 0 0 15px;
		float: left;
	}
	#content #summon_index input[type=submit] {
		width: 85px !important;
		margin: 4px 14px 0 0px;
		padding-top: 0;
		border-radius: 0px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		float: left;
	}
	#content .summon {
		font-size: 12px;
		margin: 15px 0 0 134px !important;
	}
	.libraryhours #right {
		float: none;
		clear: both;
		background: none;
		margin-left: 184px;
		padding-top: 0px;
	}

	/* Frontpage */
	body.frontpage #content.otgx {
		max-width: 100%;
	}
	body.frontpage #title h1.notopimage {
    max-width: 100%;
	}
	body.frontpage #content form,
	.OTAGO-144651 #content form {
		width: 100%;
	}
	body.frontpage #content #search-box input[type="submit"],
	.OTAGO-144651 #content #search-box input[type="submit"] {
		width: 20% !important;
	}
	body.frontpage #content .toolbar li.library-account,
	body.frontpage #content .toolbar li.room-booking,
	body.frontpage #content .toolbar li.get-help,
	body.frontpage #content .toolbar li.libchat {
		background-size: 20px;
		line-height: 1.3;
		vertical-align: top;
	}
	body.frontpage #content .toolbar li.get-help { background: url(/_assets/_gfx/question-icon-yellow.svg) no-repeat 29px center; }
	body.frontpage #content .toolbar li.get-help a { padding-left: 14px; }
	body.frontpage #content .toolbar li.libchat { background: url(/_assets/_gfx/chat-bubble-icon-yellow.svg) no-repeat 29px center; }
	body.frontpage #content .toolbar li.libchat a { padding-left: 14px; }
	/* Short labels for Workshop booker */
	#content form fieldset label.shortlabel {
		width: 16%;
	}
	/************
	New Library searchbox
	*************/
	#primosearchbox input[type="text"].primosearchinput {
		width: 275px;
	}
	#content #primosearchbox form fieldset {
		width: 100px !important;
		float: left;
	}
	#content #primosearchbox input[type="submit"].primosearchbutton {
		width: 38px !important;
		margin-left: 0;
	}
	#primosearchbox .advsearch {
		margin-top: 0px;
	}
	body.OTAGO023324 #right .features {
		float: none;
		top: auto;
		right: auto;
		position: static;
		z-index: 999;
	}
	/************
    New dynamic styles
    *************/
	body.OTAGO023324 #content .grid1.news-library {
		margin-top: 0px;
		width: 650px;
	}
	body.OTAGO023324 #content .grid1.quick-library {
		margin-right: 0px;
	}
    /* Library catalogues */
	#content #library-catalogues dt {
		width: 100%;
		margin-right: 0;
		padding-top: 21px;
		box-sizing: border-box;
		border-left: 1px solid #e4e4e4;
		border-right: 1px solid #e4e4e4;
		padding: 14px 14px 0 14px;
	}
	#content #library-catalogues dd {
		width: 100%;
		margin-right: 0;
		border-top: none;
		border-left: 1px solid #e4e4e4;
		border-right: 1px solid #e4e4e4;
		box-sizing: border-box;
		padding: 14px;
	}
	#content #library-catalogues dd:last-child {
		border-bottom: 1px solid #e4e4e4;
	}
	#content #library-catalogues img {
		max-width: 90%;
		margin: 0;
		padding: 0;
	}
	#prefooter {
		max-width: 725px;
	}
}


@media only screen and (min-width: 701px) and (max-width: 1024px) {
	div#nav_holder { left: 0;}
	div#nav_wrapper { left: 23px; }
	#wrapper { width: 100%; }
	.topnavinner  {	max-width: 100%; }
	#globalsearch {
		box-sizing: border-box;
		float: left;
		max-width: 100%;
		width: 100%;
	}
	#globalsearch {
		padding-left: 232px;
		width: 100%;
	}
	#globalsearch form input.searchinput {
		box-sizing: border-box;
		width: 90%;
	}
	#globalsearch form button {	width: 10%; }
	#title ul#breadcrumbs { margin-left: 14px; }
	#contentwrapper {	max-width: 100%; }
	#content { width: 100%; }
	#right { padding-left: 232px; width: 100%; border-top: none; }
	#right label, #right input, #right textarea, #right fieldset, #right .relatedinfo, #right .relatedinfo_inside, #right .search, #right .askotago, #right .registration, #right .odtnews, #right .otagochoice, #right .pagemetadata, #right form {
		box-sizing: border-box;
		margin-right: 0;
		width: 100%;
	}
	#right .rightwidget { padding-right: 0; }
		#prefooter {
		max-width: 485px;
	}
	#emergency.critical #emergency_inner {
		width: 100%;
	}
}


/* iPad portrait */

@media only screen and (max-width: 768px) {
	.titleinner { overflow: visible; }
	body.OTAGO023324 #content {
		padding-top: 14px;
	}
	body.OTAGO023324 #content .grid1 {
		width: 124px;
		margin-right: 23px;
	}
	body.OTAGO023324 #content {
		padding-bottom: 21px;
	}
	body.OTAGO023324 #content h2 {
		padding-right: 10px;
	}
	#content #summon_index input[type=text] {
		width: 320px;
		padding: 10px 0 10px 35px;
		margin: 14px 0 14px 0px;
		border-radius: 4px;
		text-overflow: ellipsis;
	}
	#content #summon_index input[type=submit] {
		margin-left: 0px;
		min-height: 32px;
		border-radius: 4px;
		width: 85px !important;
		padding-top: 0;
		clear: both;
	}
	#content .summon {
		font-size: 12px;
		margin: 45px 0 0 0px !important;
		clear: both;
	}
	#content .summon a {
		font-size: 11px;
		margin-right: 0px;
		margin-left: 0px;
	}
	.libraryhours #content table td {
		font-size: 12px;
		padding: 7px 3px 7px 2px;
	}
	#right {
		border-top: 1px solid #e4e4e4;
		margin-top: 0;
	}
	.libraryhours #right {
		margin-left: 230px;
	}
    body.frontpage #content.otgx {
		width: 100%;
		margin-right: 0;
	}
	body.frontpage #content form,
	.OTAGO-144651 #content form {
		width: 100%;
	}
	body.frontpage #content #search-box input[type="text"],
	.OTAGO-144651 #content #search-box input[type="text"] {
		width: 70%;
	}
	body.frontpage #content input[type="submit"],
	.OTAGO-144651 #content input[type="submit"] {
		width: 30% !important;
	}
	body.frontpage #content #search-box a,
	.OTAGO-144651 #content #search-box a {
		font-size: 11px;
	}
  	.OTAGO-144651 #content.otgx .grid-third-content h2 {
		margin: 0 0 14px 0;
	}
	body.frontpage #content .toolbar li.library-account,
	body.frontpage #content .toolbar li.room-booking,
	body.frontpage #content .toolbar li.get-help,
	body.frontpage #content .toolbar li.libchat {
		background-size: 20px;
		line-height: 1.3;
		vertical-align: top;
    	padding-left: 31px;
		background-position: 6px 0px;
	}
	body.frontpage #content ul {
		margin-left: 0;
	}
	body.frontpage #content .toolbar li.get-help a { padding-left: 0px; }
	body.frontpage #content .toolbar li.libchat a { padding-left: 0px; }
	body.frontpage #content .grid-third h2 {
		font-size: 18px;
	}
	body.frontpage #content .grid-third p img {
		margin-bottom: 0px;
	}
	body.frontpage #content #hours div {
		width: 33.3%;
		border-right: none;
		margin-bottom: 28px;
		padding-left: 0;
	}

    /* Short labels for Workshop booker */
	#content form fieldset label.shortlabel {
		width: 16%;
	}
	/************
	New Library searchbox
	*************/
	#primosearchbox input[type="text"].primosearchinput {
		width: 225px;
		border-right: 1px solid #BCCAE1; /* Remove for dropdown */
	}
	#content #primosearchbox form fieldset {
		width: 100px;
		float: left;
	}
	#content #primosearchbox input[type="submit"].primosearchbutton {
      width: 138px !important;
      margin-left: 0;
      border-radius: 4px;
      float: right;
      margin: 21px 0 0 14px;
      text-indent: 0;
	}
	#content #primosearchbox input[value="Search"] {
		color: #ffffff;
		padding-left: 50px;
	}
	#primosearchbox .advsearch {
		margin: 21px 0 0 14px;
		float: none;
		clear: both;
		overflow: hidden;
		display: inline-block;
	}
	body.OTAGO023324 #right .features {
		float: none;
		top: auto;
		right: auto;
		position: static;
		z-index: 999;
	}
	body.OTAGO023324 #content .grid1.quick-library {
		margin-right: 0px;
	}
    /* Library catalogues */
	#content #library-catalogues dt {
		width: 100%;
		margin-right: 0;
		padding-top: 21px;
		box-sizing: border-box;
		border-left: 1px solid #e4e4e4;
		border-right: 1px solid #e4e4e4;
		padding: 14px 14px 0 14px;
	}
	#content #library-catalogues dd {
		width: 100%;
		margin-right: 0;
		border-top: none;
		border-left: 1px solid #e4e4e4;
		border-right: 1px solid #e4e4e4;
		box-sizing: border-box;
		padding: 14px;
	}
	#content #library-catalogues dd:last-child {
		border-bottom: 1px solid #e4e4e4;
	}
	#content #library-catalogues img {
		max-width: 90%;
		margin: 0;
		padding: 0;
	}
    /* Get help */
	.OTAGO023343 #search-box {
		padding-top: 14px;
		padding-bottom: 3px;
		padding-right: 0;
	}
	.OTAGO023343 #content #search-box input {
		width: 100%;
	}
	.OTAGO023343 #content button {
    width: 100% !important;
    float: none;
    margin-bottom: 10px;
		background-position: 5px center;
		background-size: 12px;
  }
  /* LibChat (beta) */
  #content button.libchat_online {
		width: 85% !important;
		padding-left: 14px;
		text-align: center;
	}
  #content .s-la-widget .input-group-btn {
		vertical-align: top;
	}
}




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

@media only screen and (max-width: 700px) {
	body,
	body.frontpage { background: none; }
	#wrapper {
		background-size: 1600px;
		background-position: -500px 0;
	}
	.titleinner { width: 92%; }
	.titleinner h1 {
    	max-width: 100% !important;
  	}
	#title h1,
  	body.frontpage #title h1 {
		background-color: none;
		background-size: 150px;
		background-position: 0 14px;
		font-size: 40px;
		padding: 158px 0px 21px 0;
	}
	#title ul#breadcrumbs {
    	margin-left: 0;
  	}
	/* Frontpage */
	body.frontpage #content img,
	#content .grid-third-content img {
		max-width: 100%;
		float: none;
	}
	body.frontpage #content.otgx,
  	#content.otgx { width: 97%; }
	body.frontpage #contentwrapper {
		width: 92%;
	}
	body.frontpage #content.otgx {
		max-width: 100%;
		width: 100%;
	}
	body.frontpage #content .toolbar {
		overflow: hidden;
	}
  	#content.otgx .grid-third-content h2 {
		font-size: 18px;
		padding-left: 7px;
		padding-right: 7px;
	}
	#content.otgx .grid-third-content h2:before {
    	left: 7px;
		top: -11px;
	}
	body.frontpage #content .toolbar li:nth-of-type(4) {
		padding-left: 0;
	}
	body.frontpage #content li:nth-of-type(4) a::after {
		left: 2px;
	}
	iframe { max-width: 100%; }
	#right { padding-top: 14px; }
	#right .rightwidget {
		float: none;
		overflow: hidden;
		padding-bottom: 14px;
	}
  	body.OTAGO023355 #right {
		width: 97.5%;
		margin-left: 0;
	}
	#content #phonebook table td:nth-of-type(1) {
		padding-left: 7px;
	}
	#content #phonebook table th,
	#content #phonebook table th + td:nth-of-type(1) {
		border-top: 0;
	}
	body.frontpage #content h2.welcome {
		font-size: 20px;
		margin-bottom: 15px;
	}
	body.frontpage #box1 {
		margin-bottom: 14px;
	}
	#right .rightwidget:last-of-type {
		border-bottom: none;
	}
	/************
	New Library searchbox
	*************/
	#primosearchbox input[type="text"].primosearchinput {
		width: 56%;
		border-right: 1px solid #BCCAE1;
	}
	#primosearchbox input.primosearchinput[type="text"] {
		margin: 0px 0px 21px 0px;
	}
	#content #primosearchbox input[type="submit"].primosearchbutton {
		width: 100% !important;
		float: none;
		clear: both;
		margin: 61px 0 0 0px;
		display: block;
		text-align: center;
		text-indent: 0;
		padding: 0;
	}
  	.dropdown {
		min-width: 100px;
		width: auto !important;
  	}
  	#content #primosearchbox input[value="Search"] {
		color: #ffffff;
		padding-left: 50px;
  	}
  	#primosearchbox .advsearch {
		clear: both;
		display: inline-block;
		float: none;
		margin: 14px 0 0 0;
		overflow: hidden;
  	}
  	#primosearchbox .advsearch a {
		margin: 7px 0 7px 0;
	}
  	body.OTAGO023324 #right .features {
    	margin: 0;
    	width: 97%;
  	}
  	body.OTAGO023324 #content {
    	padding-bottom: 0;
  	}
  /************
  New dynamic styles
  *************/
	#primosearchbox input.primosearchinput[type="text"] {
		width: 100%;
		float: none;
	}
	#content #primosearchbox form fieldset {
		width: 100%;
		margin-bottom: 21px;
	}
	#content select.dropdown {
		width: 100% !important;
	}
    /* Short labels for Workshop booker */
	#content form fieldset label.shortlabel {
		width: 90%;
	}
  	/* Library catalogues */
	#content #library-catalogues img {
		max-width: 90%;
		float: none;
	}
  	#content.otgx + #right { width: 94%; }

  	/* LibChat (beta) */

  	#content .grid-third-content #libchat_b0c6ca02f565e5f3d471266583ae1404 img {
		margin-left: 0;
	}
	#content .grid-third-content p,
	#content p.libchat-text:first-of-type {
		padding-left: 7px;
		padding-right: 7px;
	}
	#content button.libchat_online {
		margin-left: 7px;
	}
	footer.wrapper, div.footer_wrapper {
    box-sizing: border-box;
		width: 98%;
	}
	#prefooter {
		max-width: 91%;
		margin: 0 4% 14px 4%;
		padding: 0;
	}
	#prefooter .feature-box {
		flex-wrap: wrap;
	}
	#prefooter .grid-half {
		float: none;
		width: 100%;
	}
	#prefooter .feature-box .cta {
		justify-content: left;
		padding: 21px;
	}
}



@media only screen and (max-width: 450px) {
	body.frontpage #content #search-box input[type="submit"],
  .OTAGO-144651 #content #search-box input[type="submit"] {
   	background: url(/_assets/_gfx/search-icon-white.svg) no-repeat 14px center #f9c000;
		background-size: 15px;
	}
  body.frontpage #content #search-box .advanced-search {
		display: block;
		float: left;
		margin-top: 7px;
	}
	body.frontpage #content #search-box .advanced-search a {
		color: #ffffff;
		border: 1px solid #b3c0ce;
		border-radius: 2px;
		padding: 2px 6px;
	}
  #content.otgx .grid-third-content {	margin-bottom: 21px; }
	body.frontpage #content .toolbar ul {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 0;
	}
	body.frontpage #content .toolbar li {
		box-sizing: border-box;
		width: 50%;
	}
	body.frontpage #content .toolbar li.library-account,
	body.frontpage #content .toolbar li.room-booking {
		border-bottom: 1px solid #dddddd;
		margin: 0;
	}
	body.frontpage #content .toolbar li.library-account,
	body.frontpage #content .toolbar li.get-help {
		border-right: 1px solid #dddddd;
		margin: 0;
	}
	body.frontpage #content .toolbar li:last-of-type {
		margin: 0;
	}
	body.frontpage #content .toolbar a {
		display: block;
		padding: 14px 7px;
	}
	body.frontpage #content .toolbar li.library-account {
		background-position: 7px 12px;

	}
	body.frontpage #content .toolbar li.room-booking {
		background-position: 7px 12px;
	}
	body.frontpage #content .toolbar li.get-help {
		background-position: 7px 12px;
	}
	body.frontpage #content li:nth-of-type(4) a::after {
    margin-top: 14px;
		margin-left: 8px;
	}
	body.frontpage #content li .libchat_btn_img {
		margin-left: 0;
	}
}





@media only screen and (max-width: 380px) {
	/* Short labels for Workshop booker */
	#content form fieldset label.shortlabel { width: 80%; }
	#content span.library-see-more a {
		margin-top: 14px;
		margin-left: 0;
		display: block;
		max-width: 50%;
	}
	body.frontpage #content .library-hours h2 { background-position: right 10px; }
	.OTAGO023343 .grid-third-content:nth-last-of-type(2n) {	margin-right: 0; }
}





@media only screen and (max-width: 400px) {
	body.frontpage #content #search-box input[type="text"] {
		border-radius: 3px;
		font-size: 16px;
		width: 100%;
	}
	body.frontpage #content #search-box input[type="submit"] {
		width: auto !important;
		border-radius: 16px;
		margin-bottom: 21px;
		margin-left: 0%;
		margin-right: 0%;
		margin-top: 14px;
		padding-left: 40px;
		padding-right: 21px;
	}
	body.frontpage #content #search-box .advanced-search-toolbar,
	body.frontpage #content #search-box .advanced-search {
		float: none;
		margin-left: 0;
	}
	body.frontpage #content #search-box .advanced-search-toolbar p {
		line-height: 1.2;
	}
	body.frontpage #content #search-box .advanced-search {
		float: left;
		display: block;
		margin-top: 7px;
	}
	body.frontpage #content #search-box .advanced-search a {
		color: #ffffff;
		border: 1px solid #b3c0ce;
		border-radius: 2px;
		padding: 2px 6px;
	}
	body.frontpage #content #box2 {
		margin-bottom: 21px;
	}
	body.frontpage #content .toolbar li {
		border-right: none;
		margin-left: 3%;
		padding: 0;
	}
	#content .grid-third-content,
	body.frontpage #content .grid-third {
		width: 47%;
		margin-bottom: 21px;
	}
	body.frontpage #content .grid-third:nth-of-type(3n+1) {
		margin-right: 6%;
	}
	body.frontpage #content .grid-third:nth-of-type(2n+1) {
		margin-right: 0;
	}
	.OTAGO-144656 #content .grid-third-content:nth-of-type(3n),
	.OTAGO-144655 #content .grid-third-content:nth-of-type(3n),
	.OTAGO-144654 #content .grid-third-content:nth-of-type(3n),
	.OTAGO-144653 #content .grid-third-content:nth-of-type(3n),
	.OTAGO-144652 #content .grid-third-content:nth-of-type(3n),
	#content .grid-third-content:nth-of-type(2n+1) {
		margin-right: 6%;
	}
	.OTAGO-144656 #content .grid-third-content:nth-of-type(2n),
	.OTAGO-144655 #content .grid-third-content:nth-of-type(2n),
	.OTAGO-144654 #content .grid-third-content:nth-of-type(2n),
	.OTAGO-144653 #content .grid-third-content:nth-of-type(2n),
	.OTAGO-144652 #content .grid-third-content:nth-of-type(2n) {
		margin-right: 0;
	}
	body.frontpage .grid-third:nth-of-type(6) {
		margin-right: 6%;
	}
	body.frontpage #content h2.welcome {
		font-size: 23px;
		margin-bottom: 0px;
		padding-bottom: 0;
		padding-right: 0;
	}

    /* Hours */
	body.frontpage #content #hours div {
		width: 47%;
		margin-right: 6%;
	}
	body.frontpage #content #hours div:nth-of-type(2n) {
		margin-right: 0;
	}
	footer.wrapper,
	div.footer_wrapper {
		overflow: hidden;
	}
}

/*** CSS Icons for unitube ***/
a[href*="unitube"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -177px -425px; padding: 0 0 0 20px; }