@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');
}

/*** OTAGO CORPORATE CSS ***/

#title h1 {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
	text-rendering: optimizeLegibility;
	letter-spacing: -0.01em;
	line-height: 1.1;
	background: rgba(255, 255, 255, 0.85);
	opacity: 1;
}
#title h1.notopimage { margin-top: 21px; line-height: 1.25; }

#content h2 {
	margin: 28px 0 14px 0;
	font-size: 27px;
	text-rendering: optimizeLegibility;
}
#content h2:first-of-type { margin-top: 7px; }
#content p + h2:first-of-type,
#content table + h2:first-of-type,
#content ul + h2:first-of-type,
#content ol + h2:first-of-type { margin-top: 28px; }


/* Student Life */
body.OTAGO114469 #title h1 {
	background: none;
	text-indent: -9999px;
}
body.OTAGO114469 #content .grid1 p,
body.OTAGO114469 #content .grid1 p img {
	margin: 0;
    padding: 0;
	border: none;
}
body.OTAGO114469 #content .grid1 h4 {
	margin-bottom: 14px;
	font-size: 16px;
	line-height: 1.5;
}
body.OTAGO114469 #content .grid1 img { max-width: 100%; }
body.OTAGO114469 #content .grid1 a { border-bottom: none; }

/** Style jquery-ui **/
.ui-widget-overlay { background: #000; opacity: 0.75; }
.dialog { display: none; }
/* Added 08/07/13 for Google keywords */
.keymatches { display: block; }

/** Accomodation page **/
.OTAGO000801 #content ul.accomodation_toc {
	margin-left: 0;
	display: block;
}
.OTAGO000801 #content ul.accomodation_toc li {
	display: block;
	margin: 0 21px 21px 0;
	float: left;
	width: 112px;
	height: 126px;
	text-align: center;
	padding: 14px;
	box-shadow: 0px 0px 10px #cccccc;
}
.OTAGO000801 #content ul.accomodation_toc li img { float: none; }
.OTAGO000801 #content ul.accomodation_toc li span {
	display: block;
	height: 89px;
}

/*** Enrolment page ***/
body.OTAGO001271 #content.otgx { width: 882px; }
body.OTAGO001271 #content .grid1 {
	width: 186px;
	margin-right: 46px;
	float: left;
	position: relative;
	transition: all 0.1s ease-out;
}
body.OTAGO001271 #content .payment-box { position: relative; }
body.OTAGO001271 #content .grid1 p,
body.OTAGO001271 #content .grid1 li,
body.OTAGO001271 #content .payment-box p {
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 7px;
}
body.OTAGO001271 #content .grid1 h3,
body.OTAGO001271 #content .border-green h3 {
	font-family: "Open sans", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 18px;
}
body.OTAGO001271 #content .grid1 h3:hover { cursor: pointer; }
body.OTAGO001271 #content .category-picker .grid1 {
	background: url(/_assets/_gfx/empty-circle.png) no-repeat 0 4px;
	margin-bottom: 21px;
}
body.OTAGO001271 #content .category-picker .grid1:nth-child(5) { margin-right: 0; }
/* Added via JS */
body.OTAGO001271 #content .category-picker .grid1.selected { background: url(/_assets/_gfx/tick-circle.png) no-repeat 0 4px; }
/* Category picker styles */
body.OTAGO001271 #content .category-picker span { color: #999999; }
body.OTAGO001271 #content .category-picker h3 {
	color: #416ebf;
	font-size: 15px;
    line-height: 1.3;
	padding-left: 24px;
}
body.OTAGO001271 #content .category-picker .smalltag { margin-left: 25px; }
/* Arrow and section divider with down arrow */
.header-divider {
	clear: both;
	padding-top: 7px;
}
#content .header-divider h2 {
	font-family: "Open sans", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 22px;
}
.arrow-divider { background: url(/_assets/_gfx/grey-stroke.png) repeat-x center center; }
.arrow-divider span {
	background: url(/_assets/_gfx/arrow-down-blue-medium.png) no-repeat center 0 #ffffff;
	width: 60px;
	display: block;
	height: 13px;
	margin: 0 auto;
}
/* Margin right resetting */
body.OTAGO001271 #content .grid1:nth-child(6),
body.OTAGO001271 #content .grid1:nth-child(11),
body.OTAGO001271 #content .grid1:nth-child(16){
	margin-right: 0;
}
/* Hidden hover text */
body.OTAGO001271 .enrolment-info {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: all 1s ease-out;
}
body.OTAGO001271 .grid1:hover .enrolment-info {
	max-height: 600px;
	opacity: 1;
}
.numeral-circle {
	display: block;
	background: #ffffff;
	padding-top: 5px;
	width: 30px;
	height: 25px;
	text-align: center;
	border-radius: 100%;
	position: absolute;
	left: -23px;
	font-family: "Open sans", Helvetica, Arial, sans-serif;
	font-weight: 300;
	border: 1px solid #ffc20e;
}
#right p.numeral-circle {
	padding-top: 3px;
	width: 30px;
	height: 17px;
	font-size: 16px;
	line-height: 1.3;
}
.background-blue .numeral-circle,
#right .background-blue .numeral-circle { border: 2px solid #cad3e5; }
.background-red .numeral-circle,
#right .background-red .numeral-circle { border: 2px solid #ddc4b9; }
.background-yellow .numeral-circle,
#right .background-yellow .numeral-circle { border: 2px solid #e1d2af; }
.border-green .numeral-circle,
#right .border-green .numeral-circle { border: 2px solid #bfd732; }
body.OTAGO001271 #content .grid1 p.smalltag {
	margin-top: 7px;
	font-size: 11px;
	color: #999999;
	font-style: normal;
}
body.OTAGO001271 #content .grid1 p.smalltag strong { color: #666666; }
#content .background-blue p.smalltag { color: #8492ad; }
#content .background-blue hr { border-color: #cad3e5; }
#content .background-red p.smalltag { color: #a68b7e; }
#content .background-red hr { border-color: #ddc4b9; }
#content .background-yellow p.smalltag { color: #b3a47f; }
#content .background-yellow hr { border-color: #e1d2af; }
.arrow-yellow-right,
#right .arrow-yellow-right {
    background: url(/_assets/_gfx/arrow-yellow-right.png) no-repeat right 0;
	padding-right: 10px;
    border-bottom: none;
}
.padded-box,
#right .padded-box {
	padding: 14px;
    transition: all 0.3s ease-out;
}
#right .padded-box {
	position: relative;
	margin: 14px 0;
}
#right .padded-box h3 {
	font-family: 'Open sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.25;
	margin-bottom: 7px;
}
.background-blue { background: #e5eaf4; }
.background-red { background: #fdebe0; }
.background-yellow { background: #fff1d0; }
.border-green {	background: #eef2d5; }
.arrow-yellow-right { background: url(/_assets/_gfx/arrow-yellow-right.png) no-repeat right 0; }
body.OTAGO001271 .background-blue,
body.OTAGO001271 .background-red,
body.OTAGO001271 .background-yellow { min-height: 80px; }
/* Disabled box styles */
.disabled-box .padded-box {
    background: #f9f9f9;
    opacity: 0.7;
}
.disabled-box .numeral-circle {	border: 2px solid #f9f9f9; }
.disabled-box h3,
.disabled-box p { color: #cccccc; }
.disabled-box h3:hover { cursor: auto; }
.disabled-box .enrolment-info {	display: none; }
body.OTAGO001271 #content .grid1.disabled-box p.smalltag,
body.OTAGO001271 #content .grid1.disabled-box p.smalltag strong {
	color: #cccccc;
}
.highlight-box .background-blue,
.highlight-box .background-red,
.highlight-box .background-yellow {
	-webkit-animation: bouncein;
	animation: bouncein;
	-webkit-animation-duration: 1.0s;
	animation-duration: 1.0s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-transition: all 1.0s ease-out;
	transition: all 1.0s ease-out;
}
@-webkit-keyframes bouncein {
  0% {   box-shadow: 0 0 0 #b2ceff; }
  50% {  box-shadow: 0 0 1px #b2ceff; }
  100% { box-shadow: 0 0 0px #b2ceff; }
}
@keyframes bouncein {
  0% {   box-shadow: 0 0 0 #b2ceff; }
  50% {  box-shadow: 0 0 1px #b2ceff; }
  100% { box-shadow: 0 0 0px #b2ceff; }
}
/* JS slider - see clashes page */
.slideup, .slidedown {
    max-height: 0;            
    overflow-y: hidden;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.slider-region {
	box-shadow: 0 0 15px #e4e4e4;
	border: 1px solid #e4e4e4;
}
.slideup { opacity: 0; }
.slidedown { opacity: 1; }
.trigger {
	background: #f9f9f9;
	border-bottom: 1px solid #e4e4e4;
}
.trigger:nth-last-child(2){	border-bottom: none; }
#content .trigger h2 {
	border-bottom: none;
	padding: 14px 28px 14px 14px;
	margin-top: 0;
	margin-bottom: 0;
	transition: all 0.3s ease-in-out;
	font-size: 22px;
	color: #416ebf;
	position: relative;
}
#content .trigger h2:hover {
	background: #fff;
	cursor: pointer;
}
#content .trigger h2:after {
	content: '';
	width: 20px;
	height: 20px;
	display: block;
	background: url(/_assets/_gfx/arrows-up-down.png) no-repeat;
	position: absolute;
	top: 15px;
	right: 10px;
}
#content .trigger.active h2:after {
	content: '';
	width: 20px;
	height: 20px;
	display: block;
	background: url(/_assets/_gfx/arrows-up-down.png) no-repeat -123px -50px;
	position: absolute;
	top: 15px;
	right: 10px;
}
#content .trigger.active {
	background: #ffffff;
	border-bottom: 1px solid #fff;
	box-shadow: none;
}
#content .trigger.active h2 { color: #888888; }
#content .slidedown {
	padding: 0px 0px 21px 0px;
	border-bottom: 1px solid #e4e4e4;
}
#content .slider-region div div {
	padding: 0 14px 14px 14px;
}
/* Timetable clashes */
body.OTAGO121418 #content form {
	background: #F1F4F8;
	border: 1px solid #e4e4e4;
	border-radius: 4px;
	padding: 14px;
	margin-bottom: 14px;
	width: 100%;
	box-sizing: border-box;
}
body.OTAGO121418 #content form label {
	float: left;
	margin-bottom: 0px;
	display: inline;
	line-height: 0.8;
	visibility: hidden;
}
body.OTAGO121418 #content form input {
	width: 100%;
	box-sizing: border-box;
	padding-top: 7px;
	padding-left: 28px;
	padding-bottom: 7px;
	background: #ffffff url("/_assets/_gfx/sprite-search.png") no-repeat 5px -55px;
	transition: box-shadow 0.2s ease-in-out;
}
/* Clashes CSS */
body.OTAGO121418 #content form input:focus { box-shadow: inset 0 2px 5px #e9e9e9; }
body.OTAGO121418 #content table#clashes { transition: all 0.2s ease-in-out; }
body.OTAGO121418 #content table#clashes th { font-size: 12px; }
body.OTAGO121418 #content table#clashes th:nth-of-type(1) { width: 12%; }
body.OTAGO121418 #content table#clashes th:nth-of-type(3),
body.OTAGO121418 #content table#clashes th:nth-of-type(4) {	width: 39%; }
/* Publications */
.shadow-box-container {
	box-shadow: 0 0 10px #e4e4e4;
	border-radius: 4px;
	padding: 3%;
	margin-bottom: 28px;
	border: 1px solid #ddd;
	overflow: hidden;
}
body.OTAGO005457 #content .shadow-box-container h2 { margin-top: 7px; }
body.OTAGO005457 #content .shadow-box-container h2,
body.OTAGO005457 #content .shadow-box-container .caption186 a {	border-bottom: none; }
body.OTAGO005457 #content .shadow-box-container p.caption186 {
	width: 147px;
	padding-bottom: 7px;
	margin-bottom: 0;
}
body.OTAGO005457 #content .shadow-box-container .caption186 a[href*=".pdf"] {
    background: none;
    padding: 1px 0 1px 0px;
}
body.OTAGO005457 #content .shadow-box-container p.caption186 img {
	max-width: 99%;
	margin-right: 0;
    padding: 0;
}
#content .shadow-box-container.grid_half,
#content .shadow-box-container.gridhalf {
	width: 46.4%;
	box-sizing: border-box;
	margin-right: 7.2%;
	margin-bottom: 35px;
}
#content h2.shadow-box-container-heading { font-family: 'Open sans', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.35; border-bottom: none; }
#content h2.shadow-box-container-heading:first-of-type { margin-top: 14px; }
#content h2.shadow-box-container-heading:after { width: 35px; height: 3px; content: ''; background-color: #f9c000; display: block; margin-top: 14px; }
#content .shadow-box-container.grid_half h3, #content .shadow-box-container.gridhalf h3 { font-size: 18px; }
#content .shadow-box-container.grid_half ul { margin-left: 14px; }
/* Policy sidebar */
.OTAGO624658 #right { position: sticky; top: 28px; }

/* large screen */
@media only screen and (min-width: 1025px) {}

/* iPad landscape */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	div.slider a.next, div.slider a.prev, div.rs-controls a.rs-prev, div.rs-controls a.rs-next { top: 272px; }
	div.feature_intro div { padding-bottom: 12px; min-height: 130px; }
    #title h1 {	position: static; }
    .titleinner img { max-width: 100%; }
    /* Otago Connection */
    .n1837 #content .grid1:nth-of-type(3) {	margin-right: 46px; }
    .n1837 #content .grid1:nth-of-type(2) {	margin-right: 0; }
    /* Enrolment page */
	body.OTAGO001271 #content.otgx { width: 650px; }
	body.OTAGO001271 #content.otgx .grid1 {
		width: 139px;
		margin-right: 30px;
	}
	body.OTAGO001271 #content.otgx .grid1.enrolment-box4,
	body.OTAGO001271 #content.otgx .grid1.enrolment-box8,
	body.OTAGO001271 #content.otgx .grid1.enrolment-box12 {	margin-right: 0; }
	body.OTAGO001271 #content.otgx  .padded-box { min-height: 90px;	}
	body.OTAGO001271 #content.otgx .grid1 h3 {
		font-size: 14px;
		line-height: 1.45;
	}
	body.OTAGO001271 #content.otgx .grid1 ul { margin-left: 11px; }
	body.OTAGO001271 #content.otgx .grid1 p.smalltag { line-height: 1.3; }
}


/* iPad portrait */
@media only screen and (max-width: 768px) {
	#title h1 {	position: static; }
    .titleinner img { max-width: 100%; }
	div.slider a.rs-next, div.slider a.rs-prev, div.rs-controls a.rs-prev, div.rs-controls a.rs-next { top: 169px; }
	div.feature_intro div { min-height: 100px; }
	/* Resets the profile thumbnail */
	nav.global_footer ul:nth-child(2) li:first-child { display: none; }
    /* Otago Connection */
    .n1837 #content .grid1:nth-of-type(3) { margin-right: 46px; }
    .n1837 #content .grid1:nth-of-type(2) { margin-right: 0; }

	.featurebuttons article:nth-child(3n) {
		margin-right: 14px;
		margin-bottom: inherit;
	}
    /* Enrolment page */
	body.OTAGO001271 #content.otgx { width: 418px; }
	body.OTAGO001271 #content.otgx .grid1 {
		width: 186px;
		margin-bottom: 21px;
	}
	body.OTAGO001271 #content.otgx .grid1.returning-student,
	body.OTAGO001271 #content.otgx .grid1.enrolment-box2,
	body.OTAGO001271 #content.otgx .grid1.enrolment-box4,
	body.OTAGO001271 #content.otgx .grid1.enrolment-box6,
	body.OTAGO001271 #content.otgx .grid1.enrolment-box8,
	body.OTAGO001271 #content.otgx .grid1.enrolment-box10,
	body.OTAGO001271 #content.otgx .grid1.enrolment-box12 {	margin-right: 0; }
}

/*--------------------------------
	
Small tablet and smartphone
	
--------------------------------*/
	
@media only screen and (max-width: 700px) {
	div.slider div.slide-container { left: auto; }
	/* Back and forward arrows for slider */
	div.slider a.rs-next,
	div.slider a.rs-prev,
	div.rs-controls a.rs-prev,
	div.rs-controls a.rs-next { top: 0; }
	/* Event styles */
	#features .events {
		width: 97%;
		float: none;
		clear: both;
		margin-top: 14px;	
		border: none;
		padding-left: 0;
		margin-left: 3%;
	}	
	.features article p.smalltag {
		font-size: 9px;
		line-height: 12px;
	}
	nav.global_footer ul:nth-of-type(2) { display: none; }
    /* Student life */
	body.OTAGO114469 .titleinner { width: 100%;	}
	body.OTAGO114469 #title h1 {
		height: 0;
		padding: 0;
	}
	body.OTAGO114469 #title img {
        display: block;
		max-width: 140%
	}
	body.OTAGO114469 #content .grid1 {
		margin-right: 3%;
		width: 31.3%;
	}
	body.OTAGO114469 #content .grid1 img {
		max-width: 100%;
		float: none;
	}
    /* Enrolment page */
	body.OTAGO001271 #content.otgx { width: 96%; }
	body.OTAGO001271 #content.otgx .grid1 {
		width: 88%;
		padding: 3% 3% 3% 5%;
		min-height: auto;
		margin-left: 4%;
		margin-right: 0;
	}
	body.OTAGO001271 #content.otgx .category-picker .grid1 { padding: 0; }
	body.OTAGO001271 #content.otgx .enrolment-box13.padded-box {
		margin-left: 4%;
		position: relative;
		padding: 3% 3% 3% 5%;
		min-height: auto;
	}
    /* Publications */
    body.OTAGO005457 #content .shadow-box-container p.caption186 {
        width: 50%;
        margin-left: 7px;
    }
}