/*! 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: 13px;
    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: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 32px;
    font-weight: 300;
    line-height: 1.3;
    max-width: none;
    opacity: 1;
    padding: 214px 0px 14px 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;
    margin: 28px 0 14px 0;
    line-height: 1.3;
    text-rendering: optimizeLegibility;
}
#content h2:first-of-type {
  margin-top: 0;
}
#content p + h2:first-of-type {
	margin-top: 28px;
}
#content h3 {
	line-height: 1.4;
}
#content p,
#content ul,
#content ol,
#content li,
#content table,
#content dl,
#content form fieldset label,
#content form fieldset input,
#content input,
#content form fieldset textarea,
#right p,
#right li {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.6;
}
#content table th { font-size: 13px; }
#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: #3f85a7;
	font-size: 24px;
	line-height: 1.3;
/* 	border-top: 1px solid #dddddd;
	padding-top: 35px; */
	margin-bottom: 40px
}
/* body.frontpage #box10 {
	width: 100%;
} */
body.frontpage #content p {
	font-size: 13px;
	padding: 0;
	margin: 0 0 7px 0;
	line-height: 1.4;
}
body.frontpage .grid-third,
.grid-third-content {
	width: 29.8%;
	margin-right: 5.3%;
	margin-bottom: 46px;
	float: left;
	box-shadow: 0 10px 20px #f5f5f5;
	box-sizing: border-box;
	border: 1px solid #dddddd;
	border-radius: 3px;
	transition: 0.3s all ease;
}
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 {
	width: 100%;
	margin-left: 0;
	margin-bottom: 7px;
	padding: 0;
	border: none;
}
body.frontpage #content .grid-third a {
	border-bottom: none;
	display: block;
}
body.frontpage #content .grid-third h2 {
	padding: 0 14px;
	margin-bottom: 28px;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 300;
	position: relative;
}
body.frontpage #content .grid-third h2:after {
	content: '';
	width: 49px;
	height: 3px;
	background: #dfe2ea;
	position: absolute;
	left: 14px;
	bottom: -14px;
	transition: all 0.3s ease-out;
}
body.frontpage #content .grid-third:hover h2:after {
	width: 50%;
}
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 #box1,
.OTAGO-144651 #box1 {
	width: 100%;
		box-shadow: 0 10px 20px #f5f5f5;
	margin-bottom: 46px;
}
body.frontpage #box1 {
	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 li {
	display: inline-block;
	width: 24%;
	box-sizing: border-box;
	margin-top: 14px;
	padding-left: 42px;
	border-right: 1px solid #e4e4e4;
	vertical-align: top;
	line-height: 1.25;
}
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 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 {
	width: 100%;
    margin-bottom: 35px;
}
body.frontpage #content .library-hours h2 {
	font-size: 28px;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 300;
	position: relative;
	margin-bottom: 35px;
    background: url(gfx/clock-icon.svg) no-repeat right center;
}
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: 0.5%;
	padding-right: 0.5%;
	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;
}
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;
}
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;
	padding: 3px 24px 3px 10px;
	border-radius: 16px;
	display: inline-block;
	position: relative;
	font-size: 12px;
	margin-left: 21px;
	vertical-align: middle;
}
#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 {
	margin-bottom: 7px;
}

/* 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;
	color: #999999;
	padding: 21px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
	border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
	margin-bottom: 28px;
	overflow: visible;
}
#primosearchbox input[type="text"].primosearchinput{
  min-height: 32px;
  font-size: 14px;
  margin: 0;
  vertical-align: middle;
  line-height: 1.4;
  border-radius: 4px 0px 0px 4px;
  border: none;
  box-shadow: none;
  background: #fff;
  margin-left: 14px;
  padding: 2px 0px 2px 6px; width:626px;
  -webkit-transition: outline 300ms ease-out 0s;
  -moz-transition: outline 300ms ease-out 0s;
  transition: outline 300ms ease-out 0s;
  border-left: 1px solid #BCCAE1;
  border-top: 1px solid #BCCAE1;
  border-bottom: 1px solid #BCCAE1;
  box-shadow: 1px 1px 4px 0 #E4E4E4 inset;
  color: #888888;
  text-overflow: ellipsis;
  width: 500px;
  float: left;
}
#primosearchbox input[type="submit"].primosearchbutton {
  background: url(/_assets/_gfx/sprite-search.png) #5880c7 -52px 11px no-repeat;
  display: inline-block;
  width: 38px;
  height: 38px;
  -webkit-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
  cursor:pointer;
  border: none;
  -webkit-transition: all 300ms ease-out 0s;
  -moz-transition: all 300ms ease-out 0s;
  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 {
  font-family: Helvetica,Arial,Geneva,sans-serif;
  font-size:14px;
  -webkit-transition: color 0.35s;
  color: #416EBF;
  text-decoration: none;
  border-bottom: 1px solid #c9dcff;
}
#primosearchbox a:hover {
  color: #003399;
  text-decoration: none;
  border-bottom: 1px solid #416EBF;
}
/*.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 {
	position: relative;
	left: 0;
	top: 0;
	overflow: hidden;
	min-height: 16px;
	font-size: 16px;
  width: 100px;
	border: none;
	cursor: pointer;
	background: #fff;
	margin: 0;
	height: 36px;
	padding: 7px 0px 7px 10px;
	vertical-align: middle;
}
#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: 48%;
	float: left;
	box-sizing: border-box;
}
#prefooter .grid-half:nth-of-type(2n) {
	margin-right: 0;
}
#prefooter .feature-box {
  border: 1px solid #dddddd;
  border-radius: 3px;
  float: left;
  width: 100%;
  margin-bottom: 45px;
  display: flex;
  box-sizing: border-box;
}
#prefooter .feature-box .content {
	padding: 21px 35px;
	padding-right: 0;
}
#prefooter .feature-box .content p {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 14px;
}
#prefooter .feature-box .cta {
	background-color: #00508f;
	text-align: center;
	background-image: url('https://www.otago.ac.nz/otago706373.png');
	background-repeat: no-repeat;
	background-size: contain;
	align-items: center;
	justify-content: center;
	display: flex;
}
#prefooter .feature-box .cta .content-button {
	text-align: center;
}
#prefooter .feature-box .cta .content-button a {
	text-align: center;
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #ffcd23;
	text-align: center;
	border: 2px solid #dfa000;
	border-radius: 16px;
	display: inline-block;
	transition: all 0.2s ease;
	padding: 4px 14px;
	min-width: 60px;
}
#prefooter .feature-box img {
	margin: 0;
	padding: 0;
}
#prefooter .feature-box h2 {
	border-bottom: none;
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 27px;
	font-weight: 300;
	background-image: url(https://www.otago.ac.nz/_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 {
	content: 'Get help now';
	width: 100px;
	height: 20px;
	display: block;
	color: white;
	text-align: center;
	color: #333;
	font-family: 'Open Sans', Georgia, "Times New Roman", Times, serif;
	background: #ffcd23;
	text-align: center;
	border: 2px solid #dfa000;
	border-radius: 16px;
	display: inline-block;
	transition: all 0.2s ease;
	padding: 4px 14px;
	min-width: 60px;
}
#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, -webkit-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, -webkit-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: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 300;
	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;
}

/* 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 {
    width: 100%;
    box-sizing: border-box;
  }
  #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 {
		width: 78%;
    padding: 12px 0px 46px 232px;
		box-sizing: border-box;
	}
  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 {
		float: left;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
	#globalsearch {
		padding-left: 232px;
		width: 100%;
	}
	#globalsearch form input.searchinput {
		width: 90%;
		box-sizing: border-box;
	}
	#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 {
		width: 100%;
		box-sizing: border-box;
		margin-right: 0;
	}
	#right .rightwidget { padding-right: 0; }
		#prefooter {
		max-width: 485px;
	}
}


/* 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: 9px;
	}
  .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: 28px;
		padding: 148px 0px 0px 0;
		font-size: 25px;
	}
	#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 {
		padding-left: 7px;
		padding-right: 7px;
    font-size: 18px;
	}
	#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: 30px;
	}
  /************
  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 {
    margin: 14px 0 0 0;
    float: none;
    clear: both;
    overflow: hidden;
    display: inline-block;
  }
  #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;
	}
}



@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 {
		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;
	}
  #content.otgx .grid-third-content {	margin-bottom: 21px; }
}





@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"] {
		width: 100%;
		border-radius: 3px;
	}
	body.frontpage #content #search-box input[type="submit"] {
		width: 80% !important;
		border-radius: 16px;
		margin-top: 7px;
		margin-left: 10%;
		margin-right: 10%;
		margin-bottom: 14px;
	}
	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 {
		width: 46%;
		margin-left: 3%;
		border-right: none;
	}
	#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: 20px;
	 margin-bottom: 0px;
}

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