/* @override http://paul.otago.springload.co.nz/css/main.css */ /*---------------------------------------------------------------------------------------------- Site: University Of Otago File: /www/css/main.css Author: University Of Otago, Web Services Version: v1 ------------------------------------------------------------------------------------------------ /* CONTENTS -------------------------------------------------- 1: RESET 2: BASE 3: MAIN NAVIGATION 4: SITE WIDE TOP BANNER 5: FORMS 6: SEARCH RESULTS 7: SUBJECTS AND PAPERS 8: FOOTER 9: 1024px to 768px 10: < 768px 11: GRID OVERLAY /* ---------------------------------------------- 1: RESET ----------------------------------------------- */ /* Show MainContent widget in Firefox 13 */ /* .wcm-region-marker { opacity: 1 !important; } */ html { overflow-y: scroll; } sup { vertical-align: top; } a img { border: none; } table, tr, td, input, select, textarea, ul, ol {font-size: 1em; vertical-align: top; } h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, th {font-size: 1em; font-weight: normal; font-style: normal; } html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, select, figure {margin: 0; padding: 0; } fieldset, img { border: none; } caption, th {text-align: left; } table { border-collapse: collapse; border-spacing: 0; } :focus { outline: 0; } header, nav, article, footer, address, figure { display: block; } .accessibility {position: absolute; left: -999em; } .clearFix:after { /* */ content: " "; display: block; height: 0; clear: both; visibility: hidden; } .clearFix { display: inline-block; } /* Hide from IE Mac \*/ .clearFix { display:block; } .clearall { clear: both; } /* ----------------------------------------------- 2: BASE ----------------------------------------------- */ .thumbnail:hover { position:relative; top:-25px; left:-35px; width:500px; height:auto; display:block; z-index:999; } body { height: 100%; color: #555555; font-size: 81.3%; padding: 0; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */ } .skip { position: absolute; left: -5000px; height: 0; } .tw-m { display: none; } i, em { font-style: italic; } b, strong { font-weight: bold; } sup { vertical-align: super !important; font-size: 11px; } sub { vertical-align: sub !important; font-size: 11px; } sup a, sub a { font-weight: bold; border: none !important; padding: 3px; } .print, .time { display: none; } .noborder { border: none !important; } .nobackground { background-color: #ffffff !important; background-image: none !important; background: 0 none !important; } .nomargin { margin: 0 !important; } .nopadding { padding: 0 !important; } .nofloat { float: none !important; } .floatleft { float: left !important; } .floatright { float: right !important; } .center { text-align: center; } #content .right-align-text { text-align: right; } .nowrap { white-space: nowrap !important; } a.noicon { background: none !important; padding: 0 !important; } .dark-text { color: #555555 !important; } .required, .error { color: #ff0000 !important; font-weight: bold; font-size: 100% !important; } div.error:before { background: url(../assets/error.png) no-repeat; content: ""; position: absolute; top: -11px; left: 11px; height: 11px; width: 11px; display: block; } div.error { width: 92.5%; font-weight: normal !important; position: relative; font-size: 85% !important; margin-top: -7px; margin-bottom: 10px; color: #790000 !important; background-color: #ffe5e6; border: 1px solid #f4c1c1; border-radius: 7px; padding: 0 0 0 8px; } /*** Mobile bookmark ***/ #menu-link { display: none; } #close_mobile_nav { display: none; } .smalltag, .charcounter { font-style: italic; color: #666666; font-size: 12px; } .hidden { display: none } .notice { background-color: #F1F4F8; color: #555; padding: 14px 14px 14px 37px; background-image: url(../assets/info-icon.svg); background-repeat: no-repeat; background-position: 10px 15px; } .no-svg .notice { background-color: #F1F4F8; color: #555; padding: 14px 14px 14px 40px; background-image: url(../assets/info-icon.png); background-repeat: no-repeat; background-position: 10px 15px; } .messagebox { background-color: #F1F4F8; color: #555; padding: 14px 14px 14px 37px; background-image: url(../assets/chat-blue.svg); background-repeat: no-repeat; background-position: 11px 18px; background-size: 19px; } .no-svg .messagebox { background-color: #F1F4F8; color: #555; padding: 14px 14px 14px 40px; background-image: url(../assets/speech-bubble-icon.png); background-repeat: no-repeat; background-position: 7px 18px; } .messagebox.error { background: url(../assets/button-sprite.png) no-repeat -208px -80px #f1c5c6; border: 1px solid #e2c2c3; color: #790000 !important; font-weight: normal; } .messagebox.success { background: url(../assets/button-sprite.png) no-repeat -52px -234px #d1ebbc; border: 1px solid #bad8a2; color: #3d6611; } .noleftmargin { margin-left: 0 !important; } .last { margin-right: 0px !important; } .serif { font-family: Georgia, "Times New Roman", Times, serif; } .sansserif { font-family: Helvetica, Arial, Geneva, sans-serif; } .roman { list-style-type: lower-roman; } .right-arrow { background: url(../assets/arrow-yellow-circle.png) no-repeat right center; padding-bottom: 3px; display: inline-block; padding-right: 35px; } /* ------------------------------------------- 3: MAIN NAVIGATION ----------------------------------------------- */ #global_nav_sub ul li:first-child { padding-top: 12px !important; } #global_nav_sub li:first-child a { padding-top: 0px !important; } #global_nav_sub ul { margin-bottom: 16px; } /***** STOP NAVIGATION SLIDE *****/ body.lockmenu #global_nav_home, body.lockmenu #global_intro { display: none !important; } body.lockmenu #global_nav_sub ul:first-child li:first-child { display: none; } body.lockmenu #global_nav_sub ul:first-child li:nth-child(2) { padding-top: 12px !important; } body.lockmenu #global_nav_sub { display: block; visibility: visible; } /***** END STOP NAVIGATION SLIDE *****/ div#nav_holder { width: 1114px; margin: 0 auto; } div#nav_wrapper { width: 186px; position: absolute; z-index: 100; top: 0px; left: -5px; } div#nav_wrapper, div.mega_nav_wrapper p { position: relative; font-family: 'Open Sans', Georgia, "Times New Roman", Times, serif; } div.global_nav_main ul { font-size: 13px; } nav#global_nav a { text-decoration: none; transition: color 0.2s ease-out; } nav#global_nav a:hover { color: #ffcd23; } nav#global_nav { background: url(../assets/sprite-nav.png) repeat-y -378px 0; width: 159px; padding: 13px 18px 15px; z-index: 100; position: relative; float: left; } /* =logo/drop down menu ----------------------------*/ div#uni_logo { margin: -13px -13px 0; padding: 13px 13px 0; width: 156px; min-height: 98px; border-left: 2px solid #122746; border-right: 2px solid #122746; xdisplay: block; } div#uni_logo.expanded { background: transparent url(../assets/sprite-nav.png) repeat-y scroll -592px 0; } h1#logo { margin: 0 0 0 -2px; padding: 0; line-height: 0; } a#global_nav_home { width: 144px; text-align: center; height: 18px; display: block; text-transform: uppercase; font-size: 9px; letter-spacing: 0.1em; line-height: 19px; padding-left: 12px; padding-right: 5px; border-bottom: 1px solid #062748; color: #A5BCDC; margin-left: -2px; background: url(../assets/sprite-nav.png) 0 0; } .svg a#global_nav_home.javascript { background: url(../assets/bookmark-menu.svg) 10px center no-repeat #032D5C; background-size: 8px 8px; } a#global_nav_home.javascript { background-position: 0 -11px } /* =main visible nav ----------------------------*/ div.global_nav_main ul { list-style: none; position: relative; z-index: 10; } div.global_nav_main ul li { background: #133569; font-family: 'Open Sans', Helvetica, Arial, sans-serif; line-height: 1.4; margin-bottom: 6px; } div.global_nav_main ul li a.selected { color: #ffcd23; font-style: normal; font-weight: 700; } div.global_nav_main a { color: #ffffff; } div.global_nav_main a:hover { color: #ffcd23; } /* =accordion second tier ----------------------------*/ ul.global_second { margin: 6px 0 14px 0px; } div.global_nav_main ul li ul.global_second li { margin-bottom: 0; } div.global_nav_main ul li ul.global_second li:first-child a { padding-top: 4px; } ul.global_second li { margin-bottom: 0; } ul.global_second li { border-left: 3px solid #1f4b91; display: block; padding-bottom: 4px; padding-left: 10px; padding-top: 3px; } /*ul.global_second li a.selected { border-left: 3px solid #416ebf; }*/ /* =accordion third tier ----------------------------*/ ul.global_third { margin: 6px 0 0 0; } ul.global_third li { border-left: none; padding-left: 12px; } ul.global_third li:before { color: #416ebf; content: '\203A'; display: block; font-weight: bold; left: 0px; position: absolute; } /* =header in nav ----------------------------*/ header#global_intro { margin: 12px 0; list-style-position: outside; } header#global_intro h1 { color: #ffffff; font-family: 'Open Sans', Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: 300; line-height: 1.3; margin: 0; margin-bottom: 2px; padding: 0; position: relative; transition: all 0.2s ease-out; } header#global_intro a:hover h1:nth-of-type(1) { color: #f9c000; } .svg header#global_intro a h1:nth-of-type(1):before { content: ''; opacity: 0; display: block; width: 20px; height: 20px; background: url(../assets/icon-home.svg) center center no-repeat #A5BCDC; background-size: 12px; border-radius: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.3); position: absolute; top: 0; left: -24px; transition: all 0.2s ease-out; } .svg header#global_intro a:hover h1:nth-of-type(1):before { opacity: 1; } header#global_intro h1.global_intro_maori { background: none; border-bottom: 1px solid #2e4b7a; color: #a9bcd9; font-size: 12px; line-height: 14px; font-style: normal; font-weight: 400; margin-bottom: 7px; margin-top: 4px; padding-bottom: 7px; padding-right: 3px; } header#global_intro h1.global_intro_maori span { background: transparent url(../assets/macron.gif) no-repeat right 3px; } /* =global_nav_sub (hidden menu) ----------------------------*/ #global_nav_sub { margin: 0 -12px 0; padding: 0px 12px 4px; background: transparent; border-bottom: 1px solid #2e4a78; position: relative; display: none; } #uni_logo.expanded #global_nav_sub { background: transparent url(../assets/sprite-nav.png) no-repeat -789px bottom; } #global_nav_sub select { display: none; } #global_nav_sub ul { list-style: none; } #global_nav_sub ul li, #global_nav_sub_home ul li { border-bottom: 1px solid #2b426a; } #global_nav_sub ul li:first-child { padding-top: 0; } #global_nav_sub ul li:last-child { border-bottom: none; } #global_nav_sub ul li a, #global_nav_sub_home ul li a { color: #ffffff; font-size: 15px; display: block; padding: 7px 0; background: url(../assets/bg-home-arrow.png) no-repeat right -12px; } #global_nav_sub.javascript ul li a, #global_nav_sub_home.javascript ul li a { background-position: right 12px; } #global_nav_sub.javascript ul li:first-child a, #global_nav_sub_home.javascript ul li:first-child a { background-position: right 6px; } #global_nav_sub.javascript ul li a:hover, #global_nav_sub_home.javascript ul li a:hover { background-position: right -43px; } #global_nav_sub.javascript ul li:first-child a:hover, #global_nav_sub_home.javascript ul li:first-child a:hover { background-position: right -49px; } #global_nav_sub li:first-child a { padding-top: 12px; } #global_nav_sub_home ul li a { padding: 1px 0 0; } #global_nav_sub_home ul li:first-child { padding-top: 0; } #arr { position: absolute; left: 185px; top: 50px; display: none; } #arr.active{ display: block; } #global_nav_sub_home ul { list-style: none; } #global_nav_sub a#home_link { background: none; } /** View in Maori ***/ div.global_nav_footer .tw-e, div.global_nav_footer .tw-m { background: url(../assets/maori-translation-icon.png) no-repeat -30px 0px; padding: 0 0 0 20px; } #global_nav_sub ul:first-of-type { background-color: #0d264d; margin: 0 0px 0 -13px !important; padding-left: 13px; padding-right: 12px; width: 157px !important; border-bottom: 1px solid #2b416a; } #global_nav_sub ul.secondary_global_nav { } #global_nav_sub ul.secondary_global_nav li:first-child { } #global_nav_sub ul.secondary_global_nav li:first-child a { } #global_nav_sub ul.secondary_global_nav li a { padding: 7px 0; font-size: 14px !important; color: #d4ddec; } #global_nav_sub ul.secondary_global_nav li a:hover { color: #ffcd23; } /* =nav(bookmark) bottom ----------------------------*/ div.global_nav_footer { background: url(../assets/sprite-nav.png) no-repeat -170px 0px; width: 159px; height: 76px; padding: 48px 18px 0; position: absolute; bottom: -83px; left: -2px; z-index: 5; } div.global_nav_footer a { font-size: 12px; color: #a9bcd9; } div.global_nav_footer a:hover { color:#ffcd23; } /* =global_mega_nav (slide out / flyout / fly out) ----------------------------*/ div#global_mega_nav_wrapper { position: absolute; top: 0; display: none; } section.global_mega_nav { background: #f7f7f7; border-right: 2px solid #fff; border-bottom: 2px solid #fff; box-shadow: 0px 0px 9px rgba(0,0,0,0.4); padding: 0 0 25px 30px; margin-left: 180px; position: absolute; top: 0; left: 0; z-index: 10; display:none; width: 436px; } section.global_mega_nav a { color: #20519e; text-decoration: none; font-size: 13px; } div.global_mega_nav_top { background: #e9e9e9; color: #333; margin-left: -30px; margin-right: 0px; padding: 12px 0 10px 30px; position: relative; margin-bottom: 2px; border-bottom: 2px solid #fff; } div.global_mega_nav_top p { margin-bottom: 0; } a.btn_close, a.sm_btn_close { background: url(../assets/cross-red.svg) no-repeat 0 0; transition: all 0.2s ease-out; background-size: 26px; position: absolute; top: 6px; right: 10px; text-indent: -9999px; display: block; width: 24px; height: 24px; } a.btn_close:hover, a.sm_btn_close:hover { transform: scale(0.9); } a.btn_close:active, a.sm_btn_close:active { transform: scale(0.8); } .no-svg a.btn_close, .no-svg a.sm_btn_close { background: url(../assets/sprite-nav.png) no-repeat right 0px; } section.global_mega_nav { background: url(../assets/flyout_right_background.png) repeat-y right 0px; background-color: #ffffff; } section.global_mega_nav h2 { font-size: 14px; width: 290px; clear: left; color: #333; } section.global_mega_nav ul { list-style: none; color: #555; margin-bottom: 25px; width: 285px; } section.global_mega_nav ul.flyout-2-list { width: 290px; overflow: hidden; } section.global_mega_nav ul.flyout-2-list li { float: left; width: 145px; } section.global_mega_nav ul:last-child, section.global_mega_nav ul li:last-child { margin-bottom: 0; } section.global_mega_nav ul li { margin-bottom: 10px; line-height: 17px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 12px; } section.global_mega_nav ul li a { font-family: 'Open Sans', Georgia, "Times New Roman", Times, serif; } section.global_mega_nav ul li.title { font-size: 12px; color: #555555; letter-spacing: 0.02em; } section.global_mega_nav ul li.title a { font-size: 13px; color: #333333; } section.global_mega_nav ul li a:hover { color: #163568; text-decoration: underline; } /* flyout figures */ section.global_mega_nav figure { margin-bottom: 15px; font-size: 11px; } section.global_mega_nav figure a { border-bottom: 1px solid #7fadff; color: #e0ebff; font-size: 11px; font-weight: 700;} section.global_mega_nav figure a:hover { text-decoration: none; border-bottom: 1px solid #416ebf; } section.global_mega_nav figure img { margin-bottom: -3px; width: 290px; height: 157px; } section.global_mega_nav figcaption { background: #00508F; border-top: 2px solid #f9c000; color: #ffffff; display: inline-block; padding: 9px 9px 9px; width: 272px; } span.nav_message { display: none; } div.mega_nav_wrapper { position: absolute; /* note: the width is set in Javascript */ width: 1px; overflow: hidden; left: 10px; top: 0; } div.mega_nav_wrapper p { font-size: 13px; } section.global_mega_nav div.rightmeganavlist { font-size: 12px; line-height: 16px; width: 122px; float: right; display: block; padding: 0 0 0 0px; margin: 12px 0 2px 0px; } section.global_mega_nav div.rightmeganavlist h3 { line-height: 24px; font-size: 12px; } section.global_mega_nav div.rightmeganavlist ul { margin-left: 0px; padding-left: 0; margin-bottom: 14px; width: 114px; } section.global_mega_nav div.rightmeganavlist > ul:last-child { margin-bottom: 0px; } section.global_mega_nav div.rightmeganavlist ul li { line-height: 13px; } section.global_mega_nav div.rightmeganavlist ul li.title { text-transform: uppercase; font-family: 'Open sans', Helvetica, Arial, Geneva, sans-serif; font-weight: 300; font-size: 10px; color: #555; margin-bottom: 5px; padding-bottom: 0; } section.global_mega_nav div.rightmeganavlist ul li.title a { font-size: 11px; color: #555; font-weight: 300; font-family: 'Open sans', Helvetica, Arial, Geneva, sans-serif; } section.global_mega_nav div.rightmeganavlist li { padding-left: 0; padding-bottom: 4px; margin-left: 0; margin-bottom: 3px; font-family: Helvetica, Arial, Geneva, sans-serif; } section.global_mega_nav div.rightmeganavlist a { font-size: 11px !important; font-family: Helvetica, Arial, Geneva, sans-serif; } section.global_mega_nav div.rightmeganavlist input { width: 105px; background-color: #ffffff; margin-bottom: 7px; margin-top: 4px; -webkit-appearance: caret; border: 1px solid #dddddd; } section.global_mega_nav div.rightmeganavlist button { width: 105px; background-color: #dddddd; border: 1px solid #bbb; padding: 2px 10px; min-width: 90px; border-radius: 10px; color: #333333; font-family: Georgia, Times New Roman, serif; } section.global_mega_nav div.rightmeganavlist button:hover { background-color: #cccccc; border: 1px solid #aaaaaa; color: #000000; cursor: pointer; } section.global_mega_nav li.rightmeganavlistherothumbnail img { width: 79px; height: 55px; float: right; } /* Yellow button for registration in flyout */ section.global_mega_nav p.yellow-flyout-button { background-color: #ffcd23; width: 70%; border-radius: 16px; padding: 2px 0 2px 0px; margin: 0 0 14px 0; font-family: Georgia, "Times New Roman", Times, serif; border: 1px solid #dfa000; text-align: center; } section.global_mega_nav p.yellow-flyout-button:hover { background: #e6ad00; } section.global_mega_nav p.yellow-flyout-button:active { background-color: #ffda5c; } section.global_mega_nav p.yellow-flyout-button a { font-family: Georgia, "Times New Roman", Times, serif!important; color: #333; display: block; } section.global_mega_nav p.yellow-flyout-button a:hover { color: #000; } /* Future students */ section.global_mega_nav:nth-of-type(1) div.global_mega_nav_top { padding: 35px 0 25px 30px; } section.global_mega_nav:nth-of-type(1) div.global_mega_nav_top p { font-size: 35px; position: relative; font-family: "Open Sans", Helvetica, Arial, serif; font-weight: 300; letter-spacing: -0.01em; } section.global_mega_nav:nth-of-type(1) div.global_mega_nav_top p:after { content: ""; height: 3px; width: 40px; background: #f9c000; position: absolute; top: 0; left: 0; } section.global_mega_nav:nth-of-type(1) h2 { font-size: 25px; margin-top: 21px; margin-bottom: 21px; width: 100%; } section.global_mega_nav:nth-of-type(1) { background: #ffffff; border-right: none; border-bottom: none; } section.global_mega_nav .flyout-grid-third { min-height: 160px; width: 44%; transition: all 0.2s ease-out; float: left; margin-right: 5%; box-shadow: 0 0 10px #e4e4e4; border: 1px solid #dddddd; margin-bottom: 23px; border-radius: 3px; } section.global_mega_nav:nth-of-type(1) .flyout-grid-third img { transition: all 0.2s ease-in-out; } section.global_mega_nav:nth-of-type(1):hover .flyout-grid-third:not(:hover) img { opacity: 0.9; } section.global_mega_nav .flyout-grid-third:hover { box-shadow: 0 0 3px #e4e4e4; border: 1px solid #cccccc; } section.global_mega_nav .flyout-grid-third img { width: 100%; border-radius: 2px 2px 0 0; background: #f5f5f5; height: 114px; display: block; } section.global_mega_nav .flyout-grid-third h3 { padding: 7px; line-height: 1.3; } section.global_mega_nav .flyout-grid-third h3 a { font-family: "Open Sans", Helvetica, Arial, serif; font-weight: 300; font-size: 16px; padding-left: 40px; display: block; } .undergraduate-student h3 { border-left: 3px solid #c7d4ea; } .undergraduate-student a { background: url(/_assets/OtagoCorporate/gfx/future-students/school-leavers-icon.svg) 0 center no-repeat; background-size: 34px; padding-top: 12px; min-height: 29px; } .postgraduate-student h3 { border-left: 3px solid #caeded; } .postgraduate-student a { background: url(/_assets/OtagoCorporate/gfx/future-students/postgraduate-icon.svg) 0 center no-repeat; background-size: 34px; padding-top: 12px; min-height: 29px; } .international-student h3 { border-left: 3px solid #fcebc2; } .international-student a { background: url(/_assets/OtagoCorporate/gfx/future-students/international-icon.svg) 0 center no-repeat; background-size: 34px; } .maori-student h3 { border-left: 3px solid #f7c8c0; } .maori-student a { background: url(/_assets/OtagoCorporate/gfx/future-students/maori-icon.svg) 0 center no-repeat; background-size: 34px; padding-top: 12px; min-height: 29px; } .pacific-student { clear: left; } .pacific-student h3 { border-left: 3px solid #e7dcf4; } .pacific-student a { background: url(/_assets/OtagoCorporate/gfx/future-students/pacific-icon.svg) 0 center no-repeat; background-size: 34px; padding-top: 12px; min-height: 29px; } /* AskOtago */ section.global_mega_nav:nth-of-type(10) div.global_mega_nav_top { background: url(../assets/_flyout-figures/askotago-logo.png) no-repeat 30px 11px #e9e9e9; background-size: 140px 17px; text-indent: -999px; } section.global_mega_nav:nth-of-type(10) div p.flyout-text { font-size: 12px; line-height: 1.35; margin-bottom: 10px; } section.global_mega_nav:nth-of-type(10) .rightmeganavlist p { font-size: 11px; font-family: Helvetica, Arial, sans-serif; margin-bottom: 14px; } section.global_mega_nav:nth-of-type(10) .rightmeganavlist ul { margin-bottom: 7px; } section.global_mega_nav:nth-of-type(10) > div:nth-of-type(3) { margin-top: 15px; max-width: 300px; } section.global_mega_nav:nth-of-type(10) p.flyout-title { color: #333333; font-size: 15px; margin-bottom: 10px; } section.global_mega_nav:nth-of-type(10) .flyout-grid-third { min-height: auto; width: 42.6%; } section.global_mega_nav:nth-of-type(10) .flyout-grid-third:nth-of-type(2n) { margin-right: 0; } section.global_mega_nav:nth-of-type(10) div.rightmeganavlist input { margin-bottom: 14px; } section.global_mega_nav div.rightmeganavlist button { margin-bottom: 7px; } section.global_mega_nav:nth-of-type(10) .flyout-grid-third img { height: auto; } section.global_mega_nav:nth-of-type(10) .flyout-grid-third h3 a { font-size: 14px; padding-left: 0; } /*** Emergency ***/ body.emergency { background-position: center 61px !important; } #emergency { width: 100%; height: 60px; background-color: #9f0a0e; position: absolute; top: 0; border-bottom: 1px solid #fff; z-index: 99; } #emergency.adverse { background-color: #000; } #emergency.critical { background-color: #16386d; } #emergency #emergency_inner { width: 1114px; margin: 0 auto; padding: 15px 0px 21px 0px; font-size: 14px; font-family: Helvetica, Arial, Geneva, sans-serif; } #emergency_left { width: 650px; padding-left: 232px; float: left; } #emergency_left a { color: #ffffff; text-decoration: none; font-weight: bold; } #emergency_left a:hover { text-decoration: underline; } #emergency.critical #emergency_left { width: 618px; padding-right: 32px; background: url(../assets/button-sprite.png) no-repeat -77px -2px; min-height: 16px; } #emergency.critical #emergency_left a { font-weight: normal; margin-left: 24px; display: inline-block; } #emergency.critical #emergency_left a:hover { text-decoration: none; color: #d9e7ff; } #emergency.critical #emergency_inner { box-sizing: border-box; max-width: 1042px; padding-left: 186px; overflow: auto; } .OTAGO_093780.frontpage #emergency.critical #emergency_inner { max-width: 1024px; padding-left: 0; width: 100%; } #emergency.critical #emergency_left { width: 100%; padding-right: 32px; background: url(../assets/button-sprite.png) no-repeat -77px -2px; min-height: 16px; padding-left: 0; } #emergency.critical #emergency_left a { font-weight: normal; margin-left: 24px; display: inline-block; } #emergency.critical #emergency_left a:hover { text-decoration: none; color: #d9e7ff; } #emergency.adverse #emergency_right a { border: 2px solid #696969; background: url(../assets/button-sprite.png) no-repeat -305px 3px, #555; } #emergency.critical #emergency_right a { background: #0f264b; color: #d9e7ff; border: 1px solid #1a4993; box-shadow: 0px 0px 7px #000000; padding-left: 21px; padding-right: 21px; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; -webkit-transition: background-color .35s; transition: background-color .35s; } #emergency.critical #emergency_right a:hover { background: #1a4993; } #emergency.adverse #emergency_right a:hover { background-color: #777777; } /**** Again *****/ #wrapper { width: 100%; position: absolute; top: 0; } body.emergency #wrapper { top: 61px !important; } /***** TOP NAV *****/ #topnav { background: url(../assets/site-border-bg.png) repeat-x; height: 39px; position: relative; width: 100%; z-index: 99; } .topnavinner { width: 1114px; padding: 0 23px 0 23px; margin: 0 auto; } /*** GLOBAL SEARCH ***/ #globalsearch { height: 34px; float: right; width: 232px; } #globalsearch form fieldset { background-color: #fceebd; border-radius: 16px 16px; height: 28px; margin-top: 4px; } #globalsearch form label { position: absolute; left: -5000px; } #globalsearch form input.searchinput { -webkit-appearance: textfield; background-color: #fceebd; border: none; box-sizing: border-box; border-radius: 16px 0 0 16px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 12px; height: 28px; padding: 0px 10px !important; width: 84%; } #globalsearch form input.searchinput:focus { background-color: #ffffff; } #globalsearch form button { height: 28px; width: 36px; border: none; background: url(../assets/sprite-search.png) no-repeat 14px -54px; } .svg #globalsearch form button { background: url(../assets/search-icon-mobile.svg) no-repeat center center; background-size: 17px; border-radius: 0 16px 16px 0; cursor: pointer; } .svg #globalsearch form button:hover { background-color: #ffffff; } .svg #globalsearch form button:active { background-size: 15px; background-color: #ffffff; } #globalsearch form button span { display: none; } #globalsearch .logout a { float: right; color: #003399; height: 15px; text-decoration: none; margin: 5px 0px 5px 0px; padding: 6px 16px 6px 34px; background: url(../assets/button-sprite.png) no-repeat -116px -182px; } #globalsearch .logout a:hover { background: url(../assets/button-sprite.png) no-repeat -118px -184px #ce9f1c; border: 2px solid #BA941A; border-radius: 17px; color: #ffffff; padding: 4px 14px 4px 32px; } .ui-autocomplete { z-index: 99 !important; } .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content { border: 1px solid #dddddd; padding-bottom: 14px; font-family: Georgia, Times New Roman, serif; } .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content li { color: #777777; line-height: 1.5; font-size: 13px; margin-top: 7px; padding-left: 3px; } .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content li.ui-state-focus { background: #e4e4e4; border: none; color: #000000; cursor: pointer; transition: all 0.3s ease-out; } /*** breadcrumbs ***/ ul#breadcrumbs { list-style-type: none; } #title ul#breadcrumbs { background: url(../assets/home-icon.svg) 0 6px no-repeat; background-size: 14px; box-sizing: border-box; font-size: 11px; line-height: 18px; margin-bottom: 14px; margin-left: 23px; max-width: 650px; overflow: hidden; padding-left: 17px; } ul#breadcrumbs li { float: left; font-family: "Open sans", Helvetica, Arial, sans-serif; padding: 3px 3px 0px 3px; } ul#breadcrumbs li:after { color: #cccccc; content: " / "; margin-left: 3px; } ul#breadcrumbs li a { color: #416ebf; text-decoration: none; } ul#breadcrumbs li a:hover { text-decoration: underline; } ul#breadcrumbs li a.selected { font-style: italic; } ul#breadcrumbs li.breadcrumb_welcome:after {content: ""; } /* Old breadcrumbs */ #topnav #breadcrumbs li:nth-of-type(1) { margin-left: 228px; } #topnav #breadcrumbs li { margin-top: 5px; } #topnav #breadcrumbs li a { color: #664f00; } #topnav ul#breadcrumbs li:after { color: #bb9000; } /***** TITLE *****/ #title { width: 100%; margin-top: -3px; position: relative; z-index: 98; } .titleinner { width: 905px; padding: 0 0 0 209px; margin: 0 auto; } #title h1 { color: #163568; background-color: #ffffff; font-family: 'Minion Pro', Minion-Pro, MinionPro, Georgia, serif; font-size: 30px; line-height: 30px; font-style: normal; font-weight: normal; margin: 0; padding: 21px 23px 21px 23px; max-width: 495px; min-width: 395px; position: absolute; z-index: 2; opacity: 0.9; } /*** this is dynamically applied to title h1 if there's no top image ****/ #title h1.notopimage { position: static; max-width: 627px; margin-top: 3px; } #title p.heading-translation { padding-left: 21px; } /***** CONTENT WRAPPER *****/ #contentwrapper { width: 1114px; padding: 0 23px 14px 23px; margin: 0 auto; } /************************************************************ CONTENT ************************************************************/ #content { width: 650px; min-height: 450px; padding: 12px 0px 46px 232px; float: left; font-family: Helvetica, Arial, Geneva, sans-serif; font-size: 14px; line-height: 21px; color: #333333; } .grid5, .grid4, .grid3, .grid2, .grid1, .grid_threequarters, .grid_half, .grid_third, .grid_quarter { position: relative; z-index: 1; float: left; padding: 0px; } #content .grid5 { width: 1114px; margin: 0; min-height: 100px; } #content .grid4 { width: 882px; margin-right: 46px; float: left; min-height: 80px; } #content .grid4 .grid_threequarters { width: 650px; margin-right: 46px; } #content .grid4 .grid_half { width: 418px; margin-right: 46px; } #content .grid4 .grid_third { width: 263px; margin-right: 46px; } #content .grid4 .grid_quarter { width: 186px; margin-right: 46px; } h1 table { height: 1px; overflow: visible; } .ui-tabs { margin: 0px !important; } .ui-tabs-nav { background: none !important; border-top: none !important; border-left: none !important; border-right: none !important; margin: 0px !important; padding: 0px !important; } .ui-tabs .ui-state-hover { background: none !important; } #content #google div.ui-tabs-panel li { border: none; } #content #google form fieldset { padding-top: 21px; } #mainTab ul li a { text-decoration: none !important; border: none !important; } #mainTab ul li:hover { background-color: #e8e8e8 !important; background-image: none !important; } #mainTab ul li a:hover { text-decoration: underline !important; } #searchTab { padding: 0 !important; margin: 0; } #searchTab ul { background: none !important; border: none !important; padding: 0 !important; margin: 0 !important; margin-bottom: 0px !important; xmargin-bottom: 0px !important; box-shadow: 0px 5px 2px 0px #e8e8e8; } #searchTab ul li { background: none !important; border: none !important; padding: 0; margin: 0; } #searchTab ul li a { text-decoration: none !important; border: none !important; font-size: 12px; } #content font[color=blue] { color: #ff0000; display: block; clear: both; } #content .grid3 { width: 650px; margin-right: 46px; float: left; min-height: 70px; } #content .grid3 .grid_half { width: 302px; margin-right: 46px; } #content .grid3 .grid_third { width: 186px; margin-right: 46px; } #content .grid3 .grid_quarter { width: 128px; margin-right: 46px; } #content .grid2 { width: 418px; margin-right: 46px; float: left; min-height: 60px; } #content .grid2 .grid_half { width: 186px; margin-right: 46px; } #content .grid2 .grid_third { width: 110px; margin-right: 46px; } #content .grid2 .grid_quarter { width: 87px; margin-right: 23px; } #content .grid2 .nomargin { margin: 0 !important; float: left; } #content .grid1 { width: 186px; margin-right: 46px; float: left; min-height: 50px; } #content .grid_half { float: left; margin-right: 46px; } #content .grid_third { float: left; margin-right: 46px; } #content .grid_quarter { float: left; margin-right: 46px; } #content .grid_left { margin-left: -232px; } #content .grid_right { margin-right: -232px !important; } #content a { -webkit-transition: color 0.35s; color: #416ebf; text-decoration: none; border-bottom: 1px solid #c9dcff; } #content a:hover { color: #003399; text-decoration: none; border-bottom: 1px solid #416ebf; } h1, h2, #phonebook dt { font-family: 'Minion Pro', Minion-Pro, MinionPro, Georgia, serif; } h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; } #content h1 { font-size: 28px; line-height: 20px; color: #cc6600; margin: 0 0 7px 0; padding: 0; } #content h2, #phonebook dt { font-size: 26px; line-height: 1.2; padding: 0; margin: 14px 0 14px 0; border-bottom: 1px solid #e8e8e8; } #content h2 a, #phonebook dt a { border: none; } #content h3 { font-size: 20px; line-height: 24px; margin-bottom: 7px; } #content h3 img { clear: both; margin: 0 0 14px 14px; padding: 2px; border: 1px solid #E9E9E9; } #content h3 strong, #content h3 b { font-weight: normal; } #content h4 { font-size: 18px; line-height: 1.35; margin-bottom: 7px; } #content h5 { font-size: 16px; line-height: 21px; margin-bottom: 7px; } #content h6 { font-size: 14px; line-height: 21px; margin-bottom: 7px; } #content p { font-size: 14px; line-height: 21px; margin-bottom: 14px; xmargin-bottom: 14px; } #content p img { margin: 0 0 14px 14px; padding: 2px; border: 1px solid #E9E9E9; max-width: 100%; } #content h2 img[align=left], #content h3 img[align=left], #content h4 img[align=left], #content h5 img[align=left], #content h6 img[align=left], #content li img[align=left], #content p img[align=left] { margin: 0px 14px 14px 0px; } #content p img.floatleft { margin: 0 14px 14px 0; } #content h2 img[align=right], #content h3 img[align=right], #content h4 img[align=right], #content h5 img[align=right], #content h6 img[align=right], #content li img[align=right], #content p img[align=right] { margin: 0px 0px 14px 14px; } #content hr { border-top: 1px solid #dddddd; border-bottom: none; border-left: none; border-right: none; height: 1px; margin-bottom: 14px; } #content blockquote { font-size: 14px; line-height: 21px; margin-bottom: 14px; xmargin-bottom: 14px; background-color: #f0f5fc; border-left: 5px solid #cfd8e6; padding: 14px 14px 21px 14px; } #content ul { list-style-position: outside; list-style-type: circle; } #content ol { list-style-position: outside; } #content ul, #content ol { margin-bottom: 14px; xmargin-bottom: 14px; margin-left: 23px; } #content li { font-size: 14px; line-height: 1.5; } #content ul.nobullet { margin-left: 0; } #content .nobullet li { list-style-type: none; } #content dl { margin: 0 0 14px 0; font-size: 14px; line-height: 1.5; clear: both; overflow: hidden; width: 100%; } #content dt { width: 27%; font-weight: bold; clear: left; padding-right: 3%; padding-top: 7px; padding-bottom: 7px; float: left; border-top: 1px solid #e8e8e8; } #content dd { width: 70%; float: left; border-top: 1px solid #e8e8e8; padding-top: 7px; padding-bottom: 7px; } #content dd a { border-bottom: none; } #content p.topofpage { font-size: 11px; text-align: right; margin: 0 0 14px 0; clear: both; color: #cc6600; } #content p.topofpage a { border: none; } #content p.topofpage a:hover { border-bottom: 1px solid #416ebf; } #content p.smalltag { font-size: 12px; } /* Width classes */ #content .width5 { width: 5%; } #content .width10 { width: 10%; } #content .width15 { width: 15%; } #content .width20 { width: 20%; } #content .width25 { width: 25%; } #content .width30 { width: 30%; } #content .width35 { width: 35%; } #content .width40 { width: 40%; } #content .width45 { width: 45%; } #content .width50 { width: 50%; } #content .width55 { width: 55%; } #content .width60 { width: 60%; } #content .width65 { width: 65%; } #content .width70 { width: 70%; } #content .width75 { width: 75%; } #content .width80 { width: 80%; } #content .width85 { width: 85%; } #content .width90 { width: 90%; } #content .width95 { width: 95%; } /*** PAGESUBNAVs ***/ #content ul.pagesubnav { background-color: #f1f4f8; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-radius: 3px; color: #333333; font-size: 9px !important; margin: 0 0 49px 0; padding: 7px 7px 7px 14px; } #content ul.pagesubnav li { padding: 0; margin: 0; list-style-position: inside; list-style-image: url(../assets/bg_ul.png); } #content ul.pagesubnav li a { border: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; } #content ul.pagesubnav li ul { margin-bottom: 0em; } #content ul.pagesubnav a { border: none; } #content ul.pagesubnav li h2 { background: none !important; border: none !important; line-height: 1.0em !important; font-size: 1.0em !important; font-weight: bold !important; margin: 1.0em 0em 0em 0em !important; } .pagesubnav2 { border-top: 1px solid #ccc; background-color: #f1f4f8; margin: 0 0 30px 0 !important; xmargin-bottom: 30px; font-size: 15px; line-height: 16px; clear: both; padding: 14px 7px 21px 7px; -moz-column-count: 2; -moz-column-gap: 23px; -webkit-column-count: 2; -webkit-column-gap: 23px; column-count: 2; column-gap: 23px; } .pagesubnav2 li { margin: 0 0 7px 21px; display: list-item; list-style-image: url(../assets/bg_ul.png); list-style-position: outside; list-style-type: disc; vertical-align: top; } .pagesubnav2 a { text-decoration: none !important; font-family: Georgia, "Times New Roman", Times, serif; } .pagesubnav2:after { /* */ content: " "; display: block; height: 0; clear: both; visibility: hidden; } #content ul.pagesubnav3 { border-top: 1px solid #ccc; background-color: #f1f4f8; margin: 0 0 30px 0 !important; xmargin-bottom: 30px; font-size: 15px; line-height: 16px; clear: both; padding: 14px 7px 21px 7px; } #content ul.pagesubnav3 li { margin: 0 0 7px 21px; display: list-item; list-style-image: url(../assets/bg_ul.png); } #content ul.pagesubnav3 a { text-decoration: none !important; font-family: Georgia, "Times New Roman", Times, serif; } #content ul.pagesubnav3:after { /* */ content: " "; display: block; height: 0; clear: both; visibility: hidden; } #content ul.pagesubnav4 li { list-style-image: url(../assets/sprite-ul-li.png); } #content ul.pagesubnav4 li a { text-decoration: none !important; } #content ul.pagesubnav4 li a:hover { text-decoration: underline !important; } #content ul.pagesubnav5 { box-shadow: 0px 0px 4px #ccc; border-radius: 5px; border: 1px solid #ccc; color: #333; list-style-position: outside; background-color: #f1f4f8; padding: 7px 7px 7px 28px; margin: 0 0 28px 0; } #content ul.pagesubnav5 li { padding: 0.25em 0em 0.25em 0em; } #content ul.pagesubnav5 li ul { margin-bottom: 0em; } #content ul.pagesubnav5 a { border: none; } #content ul.pagesubnav5 li h2 { background: none !important; border: none !important; line-height: 1.0em !important; font-size: 1.0em !important; font-weight: bold !important; margin: 1.0em 0em 0em 0em !important; } #content ul.pagesubnav6 { border-top: 1px solid #ccc; background-color: #f1f4f8; margin: 0 0 30px 0 !important; xmargin-bottom: 30px; font-size: 15px; line-height: 16px; clear: both; padding: 14px 7px 21px 7px; } #content ul.pagesubnav6 li { width: 45%; margin: 0 0 7px 21px; display: list-item; float: left; list-style-image: url(../assets/bg_ul.png); list-style-position: outside; list-style-type: image; vertical-align: top; } #content ul.pagesubnav6 a { text-decoration: none !important; font-family: Georgia, "Times New Roman", Times, serif; } #content ul.pagesubnav6:after { /* */ content: " "; display: block; height: 0; clear: both; visibility: hidden; } /*** TABLE ***/ #content table { border-bottom: 1px solid #e4e4e4; width: 100%; margin-bottom: 21px; } #content table caption { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 1.5; margin-bottom: 7px; } #content table tr { border-bottom: 1px solid #e4e4e4; } #content table tr.odd { background-color: #f8f8f8 !important; } #content table tr.odd td.sorting_1 { background-color: #fff !important; } #content table tr.even { background-color: #fff !important; } #content table tr.even td.sorting_1 { background-color: #f8f8f8 !important; } #content table th { background-color: #f1f4f8; padding: 7px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 16px; } #content table td { padding: 7px; font-size: 12px; line-height: 16px; } #content table td p { margin-bottom: 7px; xmargin-bottom: 7px; font-size: 12px; line-height: 16px; } #content table td li { font-size: inherit; } #content table.noborder, #content table.noborder tr, #content table.noborder th, #content table.noborder td { border: none; } #content table.border { border-right: 1px solid #cccccc; } #content table.border th, #content table.border td { border-left: 1px solid #cccccc; } /*** DEGREE TABLES ***/ #content .degreelevel { width: 15%; } #content .degreepoints { width: 10%; text-align: right; } #content table tr.degreetablesummary { background-color: #d9d9d9; font-weight: bold; } #content table tr.degreetableshade { background-color: #f5f5f5; } /*** SEARCH PAPER RESULTS ***/ #content .paper_search_results tr { border: none; } #content .paper_search_results td { padding: 0px 7px 11px 7px; } #content .paper_search_results tr.new_papercode { border-top: 1px solid #e4e4e4; } #content .paper_search_results .new_papercode td { padding: 10px 7px 7px 7px; } #content .paper_search_results th:first-of-type { width: 14%; } #content .paper_search_results th:nth-of-type(4) { width: 12%; } #content .paper_search_results a { border-bottom: none; } /*** Services & Support Index ***/ #content .services ul { list-style-type: circle; width: 40%; margin: 0 10% 0 23px; float: left; } #content .services ul li { margin-bottom: 7px; } #content .services ul.servicesright { margin-right: 0; } /*** CONTENT NAV ***/ #content div.contentnav { border-bottom: 1px solid #dddddd; margin: 0 0 14px 0; padding: 0 0 14px 0; } #content div.contentnav + h2 { border-top: none; } #content div.contentnav h2 { border: none; font-family: 'Open Sans', Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 1.5; margin: 0; padding: 0; } #content div.contentnav h2 a { border: none; } #content div.contentnav h2 a:hover { text-decoration: underline; border: none; } #content div.contentnav p { margin: 0.15em 0em 0em 0em; } /*** A to Z ***/ #content .atoz { font-size: 14px; line-height: 1.5; border: 1px solid #e4e4e4; padding: 5px; border-radius: 3px; background: #f1f4f8; margin: 7px 0 35px 0; font-family: 'Open sans', Helvetica, Arial, Geneva, sans-serif; font-weight: 300; } #content .atoz a { border: 1px solid #d1d7df; background: #ffffff; padding: 3px 7px 3px 7px; font-weight: 300; display: inline-block; border-radius: 3px; margin-bottom: 5px; margin-right: 3px; transition: all 0.2s ease-in; } #content .atoz a:hover { box-shadow: 0 0 6px #d1d7df; } #content .atoz span { display: inline-block; padding: 3px 7px 3px 7px; } #content .atoz-content dl { margin-bottom: 7px; } #content .atoz-content dt, #content .atoz-content dd { border-top: none; } #content .atoz-content dt { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; color: #999999; background: url(../assets/calendar-icon-grey.png) no-repeat 0px 7px; padding-left: 25px; width: 25%; } #content .atoz-content dd { width: 68%; } /* Pagination */ #content .atoz.pagination a.next, #content .atoz.pagination a.previous { border: 1px solid #d1d7df; color: #416ebf; font-weight: normal; font-family: 'Open sans', Helvetica, Arial, Geneva, sans-serif; font-weight: 300; width: auto; float: none; } #content .atoz.pagination a.next { background: #ffffff url(//otago.ac.nz../assets/yellow-arrow-forward-small.svg) 45px center no-repeat; background-size: 7px 12px; padding: 3px 25px 3px 7px; } #content .atoz.pagination a.previous { background: #ffffff url(//otago.ac.nz../assets/yellow-arrow-back-small.svg) 8px center no-repeat; background-size: 7px 12px; padding: 3px 7px 3px 25px; margin-right: 3px; } /**** STUDENT EXCHANGE COUNTRIES LIST ***/ #content .exchangecountries h2 img { border: solid 1px #ccc; padding: 0; margin: 0; } #content .exchangecountries h3 { clear: both; margin-bottom: 14px; } #content .exchangecountries ul { overflow: hidden; margin: 0; } #content .exchangecountries ul li { border: none; padding: 0; margin: 7px 46px 0 0; width: 186px; float: left; list-style-type: none; } #content .exchangecountries ul li:nth-child(3n) { margin-right: 0; } #content .exchangecountries ul li a img { border: 1px solid #d5d5d5; padding: 0; margin: -4px 14px 10px 0; float: left; } /**** SCHOLARSHIPS ***/ .n355 #content table { border: 1px solid #dddddd; margin-top: 21px; } .n355 #content th { font-size: 13px; min-width: 20%; padding: 10px; } .n355 #content td { padding: 10px 14px; } /**** PUBLICATION FEATURE ***/ #content div.publication-feature { background-color: #f0f5fc; display: block; clear: both; font-family: Georgia, "Times New Roman", Times, serif; overflow: hidden; margin-bottom: 28px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } #content div.publication-feature img { width: 186px; float: left; } #content div.publication-feature h2 { margin: 0 0 0 0; padding: 7px 20px 28px 200px; color: #888; font-size: 60px; border-bottom: none; font-family: Georgia, "Times New Roman", Times, serif; } #content div.publication-feature h3 { padding: 0px 20px 30px 200px; color: #555; font-size: 24px; border-bottom: none; } #content div.publication-feature p { margin: 0 0 0 0; padding: 20px 20px 0px 200px; } #content div.publication-feature ul { padding-left: 200px; margin-left: 0; } #content div.publication-feature li { list-style-type: none; padding-left: 0; margin-left: 0; font-family: Helvetica, Arial, Geneva, sans-serif; line-height: 28px; } #content div.publication-feature a { color: #333; text-align: left; padding: 5px 10px 5px 28px; margin: 0 7px 23px 0; border: 2px solid #dfa000; border-radius: 16px; background-color: #ffcd23; background-position: -470px -123px; } #content div.publication-feature a:hover { border: 2px solid #ba941a; background-color: #dfa000; color: #000; } #content div.publication-feature a:active { border: 2px solid #dfa000; background-color: #ffda5c; color: #333; } /*** List with no bullets ***/ #content ul.nobullet { list-style-type: none; margin-left: 0; } /*** PHOTOS WITH CAPTIONS ***/ #content p.caption_186, #content p.caption186 { width: 192px; display: block; float: right; margin: 0 0 14px 35px; overflow: hidden; font-size: 12px; line-height: 16px; color: #666; padding-bottom: 15px; border-bottom: 1px solid #e4e4e4; font-family: Georgia, "Times New Roman", Times, serif; } #content p.caption_186 img, #content p.caption186 img { clear: both; margin: 0 0 10px 0px; padding: 2px; background-color: #ffffff; } #content p.caption_232, #content p.caption232, #content p.caption226 { width: 232px; display: block; float: right; margin: 0 0 14px 35px; overflow: hidden; font-size: 12px; line-height: 16px; color: #666; padding-bottom: 15px; border-bottom: 1px solid #e4e4e4; font-family: Georgia, "Times New Roman", Times, serif; } #content p.caption_232 img, #content p.caption232 img, #content p.caption226 img { background-color: #ffffff; clear: both; margin: 0 0 10px 0; max-width: 226px; padding: 2px; } #content p.caption_232 strong, #content p.caption232 strong, #content p.caption226 strong { font-weight: normal; color: #000; } #content p.caption_418, #content p.caption418 { width: 98%; display: block; margin: 0 0 21px 0px; overflow: hidden; font-size: 13px; line-height: 1.4; color: #666; padding-right: 21px; padding-bottom: 0px; font-family: Georgia, "Times New Roman", Times, serif; background-color: #F0F5FC; } #content p.caption_418 img, #content p.caption418 img { float: left; margin: 0px 23px 0px 0px; padding: 2px; background-color: #ffffff; } #content p.caption_280 { width: 280px; display: block; float: right; margin: 0 0 14px 35px; text-align: left; color: #666; font-size: 12px; line-height: 16px; padding-bottom: 15px; border-bottom: 1px solid #e4e4e4; font-family: Georgia, "Times New Roman", Times, serif; } #content p.caption_280 img { clear: both; margin: 0 0 10px 0px; padding: 2px; } #content div.individualprofile { width: 186px; background-color: #ffffff; border: 3px solid #003399; display: block; float: right; margin: 0 0 46px 46px; } #content blockquote.pulledquote { color: #666; float: right; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 15px; line-height: 23px; background: url(../assets/bg-snippets.png) repeat 0 bottom; width: 158px; margin: 0 0 14px 23px; padding: 14px 14px 28px 14px; border-left: none; } #content div.fullwidthimage { width: 100%; overflow: hidden; padding: 0; margin-bottom: 14px; } #content div.fullwidthimage img { padding: 2px; margin: 0; border: 1px solid #e9e9e9; max-width: 98.5%; } #content div.fullwidthimage img.noborder { max-width: 100%; } #content p.fullwidthimage { width: 100%; overflow: hidden; padding: 0 0 10px 0; margin-bottom: 21px; font-family: Georgia, "Times New Roman", Times, serif; color: #666; border-bottom: 1px solid #e4e4e4; } #content p.fullwidthimage img { padding: 2px; margin: 0 0 4px 0; border: 1px solid #e9e9e9; max-width: 98.5%; } #content p.fullwidthimage img.noborder { max-width: 100%; } #content p.fullwidthimage.nocaption { padding: 0; margin-bottom: 21px; border-bottom: none; } #content p.fullwidthimage.nocaption img { padding: 0; border: none; max-width: 100%; } /* Disable He Kitenga profile arrows */ body.individualprofile #title img { max-width: 905px; } body.individualprofile .next-item, body.individualprofile .previous-item { display: none; } /* EVENTS */ #content article.event .eventdate { width: 70px; font-size: 32px; line-height: 12px; float: left; color: #666; text-align: left; } #content article.event .eventnodate { width: 70px; float: left; } #content article.event .eventdate span { display: block; padding: 7px 0 2px 0; margin: 0; } #content article.event .eventdate span.month { font-size: 50%; text-transform: uppercase; font-weight: 400; } #content article.event .eventdate span.month_m { display: none; } #content article.event .insideevent { width: 580px; display: inline-block; float: left; } #content article.event { clear: both; } #content article.event .eventdate { background: #eaeef4; font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; text-align: center; line-height: 14px; padding: 3px 3px 4px 3px; margin-bottom: 14px; clear: left; width: 40px; margin-right: 24px; border-bottom: 2px solid #d4def0; border-radius: 4px; color: #9da9be; } .event #content table { border: 1px solid #dddddd; margin: 35px 0; } .event #content table th { font-size: 12px; letter-spacing: 0.01em; } .event #content table th, .event #content table td { padding: 12px; } /* Video */ #content .videocontentdiv { width: 186px; float: left; margin: 0px 46px 14px 0px; min-height: 230px; } #content .videocontentdiv img { width: 186px; border: none; } #content .videocontentdiv a { border: none; } #content .videocontentdiv p { font-size: 12px; line-height: 16px; } #content .videocontentdiv:nth-of-type(3n) { margin-right: 0px; } #content #video-player button { width: 50px; padding: 0; margin: 0; border: none; background: none; border-radius: 0; font-family: "jw-icons"; color: #ffffff; } #content #video-player button.jw-nextup-close { text-align: right; } #content #video-player button.jw-related-close { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%22450%20500%20100%20100%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M518.5%20550l27.7%2027.7c5%205%205%2013.3%200%2018.5-5%205-13.3%205-18.5%200L500%20568.5l-27.7%2027.7c-5%205-13.3%205-18.5%200-5-5-5-13.3%200-18.5l27.7-27.7-27.7-27.7c-5-5-5-13.3%200-18.5%205-5%2013.3-5%2018.5%200l27.7%2027.7%2027.7-27.7c5-5%2013.3-5%2018.5%200%205%205%205%2013.3%200%2018.5L518.5%20550z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 14px; background-position: 50%; background-color: transparent; } #content #video-player button.jw-related-page-left { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M49.133%202.345c2.724%202.724%202.724%207.16%200%209.82l-19.77%2019.772%2019.77%2019.77c2.724%202.725%202.724%207.16%200%209.822-2.725%202.722-7.16%202.722-9.95%200l-24.71-24.715c-2.724-2.725-2.724-7.16%200-9.822L39.25%202.28c2.724-2.66%207.16-2.66%209.885.065z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-color: transparent; background-size: 18px; background-position: 50%; } #content #video-player button.jw-related-page-right { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24.396%202.345l24.776%2024.712c2.725%202.725%202.725%207.16%200%209.822L24.396%2061.59c-2.725%202.725-7.16%202.725-9.948%200-2.725-2.725-2.725-7.16%200-9.822L34.28%2032%2014.45%2012.23c-2.725-2.725-2.725-7.16%200-9.822%202.724-2.788%207.16-2.788%209.948-.063z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-color: transparent; background-size: 18px; background-position: 50%; } a.no-js-video { position: relative; display: block; } a.no-js-video:after { background: url(../assets/play-outline-white.svg) 0 0 no-repeat #416ebf; background-size: 100px; content: ''; display: block; width: 100px; height: 100px; position: absolute; top: calc(50% - 50px); left: calc(50% - 50px); border-radius: 100%; box-shadow: 0 0 20px rgba(0,0,0,0.5); transition: all 0.3s ease-out; } a.no-js-video:hover:after { background-color: #163568; box-shadow: 0 10px 20px rgba(0,0,0,0.5); } /* Audio */ #content p > audio { width: 100%; } /* FEATURE BACKGROUND COLORS */ #content div.featurebox_blue { padding: 14px; margin: 14px 0px 14px 0px; background-color: #f1f4f8; } #content div.featurebox_yellow { padding: 14px; margin: 14px 0px 14px 0px; background-color: #fff7d9; } #content div.featurebox_red { padding: 14px; margin: 14px 0px 14px 0px; background-color: #f9d9d9; } #content div.featurebox_green { padding: 14px; margin: 14px 0px 14px 0px; background-color: #dae8c3; } /* FORMS */ #content form, #content fieldset, #content legend, #content label, #content select, #content option, #content textarea, #content input, #content button { font-size: 13px; font-family: Helvetica, Arial, Geneva, sans-serif; display: inline-block; vertical-align: middle; white-space: normal !important; white-space-collapse: collapse !important; border: 0 none; margin: 0; padding: 0; } #content form { width: 100%; } #content form fieldset { width: 650px; margin: 14px 0 28px -23px; padding: 10px 23px 10px 23px; border-top: 1px solid #D5D8DB; background-color: #f1f4f8; } #content form fieldset legend { font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; display: block; } #content form fieldset legend span span { font-size: 13px; } #content form fieldset label { line-height: 16px; width: 186px; vertical-align: top; margin: 0 0 20px 0; padding: 2px 0 0 0; font-weight: bold; min-height: 21px; overflow: visible; } #content form fieldset label.longlabel, #content form fieldset label.LONGLABEL /* THE UPPERCASE VERSION IS FOR SITS e:Vision */ { width: 100%; margin-bottom: 10px; } #content form fieldset label.longlabel input[type=checkbox], #content form fieldset label.LONGLABEL input[type=checkbox] /* THE UPPERCASE VERSION IS FOR SITS e:Vision */ { margin: 2px 0 0 7px; float: right; margin-right: 232px; } #content input { width: 396px; min-height: 23px; margin: 0 0 10px 0; padding: 0 5px; border: 1px solid #ccc; border-radius: 3px 3px; } #content input.small { width: 176px; min-height: 23px; margin: 0 0 10px 0; padding: 0 5px; border: 1px solid #ccc; } #content input[type=hidden] { position: absolute; left: -999em; } #content input[type=email] { min-height: 23px; } #content input[type=radio] { border: none; width: 23px; margin-right: 7px; } #content input[type=file] { height: 23px; background-color: #ffffff; } #content input[type=checkbox] { width: 23px; min-height: 23px; } #content input[placeholder] { font-style: normal; } #content input[required] { border-left: 2px solid #ff0000; } #content input[type=button][required]{ border-left-color: #ff0000; } #content input[type=submit][required]{ border-left-color: #ff0000; } #content input[readonly] { color: #000; background-color: #f1f4f8; border: none; } #content select { width: 410px; height: 25px; border: 1px solid #ccc; margin: 0 0 10px 0; } #content select option { display: block; } #content select.longselect, #content select.LONGSELECT /* THE UPPERCASE VERSION IS FOR SITS e:Vision */ { width: 600px; } #content textarea { width: 396px; padding: 0 5px; margin: 0 0 10px 0; border: 1px solid #ccc; height: 70px; } #content textarea[required] { border-left: 2px solid #ff0000; } #content form fieldset fieldset { border: none 0; margin: 0 0 10px 0 !important; padding: 0; } #content form fieldset fieldset legend { font-family: Georgia, "Times New Roman", Times, serif; margin: 10px 46px 0 0; display: inline-block; border: none 0; float: left; } #content form fieldset fieldset legend.longlegend, #content form fieldset fieldset legend.LONGLEGEND /* THE UPPERCASE VERSION IS FOR SITS e:Vision */ { width: 100%; } #content form fieldset textarea { border-radius: 3px; padding-top: 7px; line-height: 1.3; color: #555; } #content form fieldset textarea[placeholder] { font-weight: normal; } #content form fieldset p.smalltag { color: #484848; } #content form fieldset h3 { font-size: 16px; font-family: Helvetica, Arial, Geneva, sans-serif; margin-top: 14px; border-top: 1px solid #D5D8DB; padding: 14px 0 0 0; } #content form fieldset table { margin-top: 7px; } #content form fieldset table td { padding: 7px 7px 0px 7px; } #content form fieldset table td:first-child { padding-left: 0px; } #content form fieldset fieldset.leftright { white-space: normal; white-space-collapse: collapse; } #content form fieldset fieldset.leftright legend { font-family: Helvetica, Arial, Geneva, sans-serif; width: 186px; font-weight: bold; font-size: 13px; line-height: 16px; margin: 0 0 0 0; } #content form fieldset fieldset.leftright legend span { padding: 0; margin: 0; } #content form fieldset fieldset.leftright label { width: 170px; font-weight: normal; } #content form fieldset fieldset.leftright div.right { width: 418px; float: left; padding: 0px 0px 0px 2px; } /* inputlist = input must be inside the label */ #content form fieldset fieldset.inputlist legend { font-family: Helvetica, Arial, Geneva, sans-serif; margin-bottom: 7px; font-weight: bold; font-size: 13px; line-height: 16px; } #content form fieldset.inputlist label { width: 100%; font-weight: normal; } #content form fieldset fieldset.inputlist label { width: 100%; margin-top: 7px; font-weight: normal; } #content form fieldset.inputlist input, #content form fieldset fieldset.inputlist input { float: left; } #content form fieldset.inputlist div.help, #content form fieldset fieldset.inputlist div.help { top: -21px; } /* fieldset fieldset.longlegend is for fieldset/fieldsets where the legend must run 100% and the labels not be bold */ #content form fieldset fieldset.longlegend legend { width: 100%; font-size: 13px; line-height: 16px; margin-bottom: 7px; font-weight: bold; font-family: Helvetica, Arial, Geneva, sans-serif; } #content form fieldset fieldset.longlegend label { font-weight: normal; } #content form select.day { width: 90px; margin: 0 0 0 4px; } #content form select.month { width: 200px; margin: 0; } #content form input.year, #content form select.year { width: 100px; margin: 0; } /* form help */ #content form .help { width: 46px; height: 0px; overflow: visible; margin: 0 !important; padding: 0 !important; position: relative; top: -42px; left: 620px; } #content form div.help div { display: none; } #content form div.help:hover div { display: block; text-align: left; padding: 5px 10px 5px 35px; border: 2px solid #ffcc00; margin-left: 0; width: 232px; background-color: #ffcd23 !important; color: #000; position: absolute; left: 0px; top: 0px; z-index: 600; border-radius: 5px 5px; } #content form div.help:hover div:before { content: ""; height: 20px; width: 20px; background: url(../assets/button-sprite.png) no-repeat -156px -155px; position: absolute; left: 5px; top: 5px; } #content form div.help:hover div a { color: #003399; } #content form div.help:hover div a:hover { color: #163669; text-decoration: none; } #content form div.help dl { font-size: 12px; } #content form div.help dt { width: 20%; float: left; margin: 0px; padding-right: 3px; font-weight: bold; } #content form div.help dd { width: 70%; float: left; margin: 0px; padding-left: 3px; } #content form div.help p a { border: none; } #content form div.help p a:hover { border-bottom: 1px solid #416ebf; } #content form fieldset legend span.required, #content form fieldset fieldset legend span.required, #content form label span.required { margin-left: 5px !important; } #content form .readonly { } #content form .answered { background-color: #f1f4f8; color: #000; border: none; } #content form .answered:hover { color: #000; } #content form p { margin-bottom: 10px; } #content .fullwidthsearch form fieldset { background-color: #f0f5fc; border: 1px solid #d2dcf0; color: #999; padding: 21px; width: 97%; border-radius: 4px; } #content .fullwidthsearch form fieldset input[type=text] { background: url(../assets/sprite-search.png) #fff no-repeat 10px -52px; color: #888; min-height: 13px; width: 70%; padding: 7px 0 7px 6%; margin: 0 0 0 0px; 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; float: left; } #content .fullwidthsearch form fieldset input[type=submit] { background: #5880c7; color: #ffffff; width: 20%; min-height: 31px; margin: 0 0 0 0px; padding: 0px 0 0 0; font-size: 15px; border-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border: none; text-align: center; float: left; line-height: 1; } /*** CODE ***/ #content p code { font-family: Monaco, Verdana, sans-serif; font-size: 12px; color: #e9e9e9; background-color: #333; border: 1px solid #D0D0D0; display: block; overflow: auto; padding: 14px 10px 14px 10px; text-wrap: no-wrap; white-space: pre; } #content p code.code { white-space: normal; background-color: #ccc; color: #000; padding: 7px; margin-bottom: 80px; width: 100%; clear: both; } /*** BUTTONS ***/ /* THE UPPERCASE INPUT or BUTTON CLASSES ARE FOR SITS e:Vision DO NOT DELETE */ /*** Default ***/ #content button, #content input[type=submit], #content input[type=button], #content a.applynow, #content a.applynow-single, #right .applynow a.applynow, #right .applynow a.applynow-single, #content .next, #content .previous, #right .next, #right .previous { font-family: Georgia, "Times New Roman", Times, serif; width: 186px; color: #333333; text-align: left; padding: 5px 14px; margin: 0 23px 21px 0; border: 2px solid #dfa000; cursor: pointer; border-radius: 16px; background: #ffcd23; transition: all 0.3s ease-out; } #content button:hover, #content input[type=submit]:hover, #content input[type=button]:hover, #content a:hover.applynow, #content a:hover.applynow-single, #right .applynow a.applynow:hover, #right .applynow a.applynow-single:hover, #content .next:hover, #content .previous:hover, #right .next:hover, #right .previous:hover { color: #000000; background: #e6ad00; } /* Float Right */ #content form input[type=submit].floatright, #content form input[type=submit].FLOATRIGHT, #content form input[type=button].floatright, #content form input[type=button].FLOATRIGHT, #content form button.floatright, #content form button.FLOATRIGHT { margin-right: 0; } /* buttons in a table */ #content td button, #content td select, #content td input[type=text], #content td input[type=submit], #content td input[type=button] { width: 100%; margin: 0 0 10px 0; } /*** Continue ***/ #content form button.continue, #content form button.CONTINUE, #content form input[type=submit].continue, #content form input[type=submit].CONTINUE, #content form input[type=button].continue, #content form input[type=button].CONTINUE { color: #333333; text-align: right; padding: 5px 14px 5px 30px; border: 2px solid #dfa000; background: url(../assets/circle-white-arrow-forward.svg) no-repeat 5px center #ffcd23; } #content form button.continue:hover, #content form button.CONTINUE:hover, #content form input[type=submit].continue:hover, #content form input[type=submit].CONTINUE:hover, #content form input[type=button].continue:hover, #content form input[type=button].CONTINUE:hover { color: #000000; background-color: #e6ad00; } /*** Back ***/ #content form button.back, #content form button.BACK, #content form input[type=submit].back, #content form input[type=submit].BACK, #content form input[type=button].back, #content form input[type=button].BACK { color: #333333; padding: 5px 14px 5px 30px; border: 2px solid #68c4dd; background: url(../assets/circle-white-arrow-back.svg) no-repeat 5px center #7bdafc; } #content form button.back:hover, #content form button.BACK:hover, #content form input[type=submit].back:hover, #content form input[type=submit].BACK:hover, #content form input[type=button].back:hover, #content form input[type=button].BACK:hover { color: #000000; background-color: #00acfc; } /*** Submit ***/ #content form button.submit, #content form button.SUBMIT, #content form input[type=submit].submit, #content form input[type=submit].SUBMIT, #content form input[type=button].submit, #content form input[type=button].SUBMIT { color: #ffffff; padding: 5px 14px 5px 30px; border: 2px solid #6D842D; background: url(../assets/circle-white-confirm.svg) no-repeat 5px center #86b239; } #content form button.submit:hover, #content form button.SUBMIT:hover, #content form input[type=submit].submit:hover, #content form input[type=submit].SUBMIT:hover, #content form input[type=button].submit:hover, #content form input[type=button].SUBMIT:hover { background-color: #799933; } /*** Close ***/ #content form button.close, #content form button.CLOSE, #content form button.cancelexit, #content form button.CANCELEXIT, #content form input[type=submit].close, #content form input[type=submit].CLOSE, #content form input[type=submit].cancelexit, #content form input[type=submit].CANCELEXIT, #content form input[type=button].close, #content form input[type=button].CLOSE, #content form input[type=button].cancelexit, #content form input[type=button].CANCELEXIT { color: #ffffff; padding: 5px 14px 5px 30px; border: 2px solid #870000; background: url(../assets/circle-white-cancel.svg) no-repeat 5px center #ce0407; } #content form button.close:hover, #content form button.CLOSE:hover, #content form button.cancelexit:hover, #content form button.CANCELEXIT:hover, #content form input[type=submit].close:hover, #content form input[type=submit].CLOSE:hover, #content form input[type=submit].cancelexit:hover, #content form input[type=submit].CANCELEXIT:hover, #content form input[type=button].close:hover, #content form input[type=button].CLOSE:hover, #content form input[type=button].cancelexit:hover, #content form input[type=button].CANCELEXIT:hover { background-color: #A00000; } /*** Save & Exit ***/ #content form button.saveexit, #content form button.SAVEEXIT, #content form input[type=submit].saveexit, #content form input[type=submit].SAVEEXIT, #content form input[type=button].saveexit, #content form input[type=button].SAVEEXIT, #content button#but_clr_stu { color: #ffffff; padding: 5px 14px 5px 30px; border: 2px solid #316394; background: url(../assets/circle-white-arrow-up.svg) no-repeat 5px center #387cc5; } #content form button.saveexit:hover, #content form button.SAVEEXIT:hover, #content form input[type=submit].saveexit:hover, #content form input[type=submit].SAVEEXIT:hover, #content form input[type=button].saveexit:hover, #content form input[type=button].SAVEEXIT:hover { border: 2px solid #316394; background-color: #396ea7; } /*** Search ***/ #content form button.search, #content form input[type=submit].search, #content form input[type=button].search, #content button#but_sch_stu { color: #ffffff; padding: 5px 14px 5px 30px; background: url(../assets/search-icon-white.svg) no-repeat 7px center #86b239; background-size: 15px; border: 2px solid #6D842D; } #content form button.search:hover, #content form input[type=submit].search:hover, #content form input[type=button].search:hover { background-color: #799933; } /*** Next ***/ #content form button.next, #content form input[type=submit].next, #content form input[type=button].next, #content .next, #right .next { color: #333333; text-align: right; padding: 5px 30px 5px 14px; border: 2px solid #dfa000; background: url(../assets/circle-white-arrow-forward.svg) no-repeat right 5px top 4px #ffcd23; } #content form button.next:hover, #content form input[type=submit].next:hover, #content form input[type=button].next:hover, #content .next:hover, #right .next:hover { border: 2px solid #BA941A; background-color: #e6ad00; } /*** Previous ***/ #content form button.previous, #content form input[type=submit].previous, #content form input[type=button].previous, #content .previous, #right .previous { color: #ffffff; padding: 5px 14px 5px 30px; border: 2px solid #316394; background: url(../assets/circle-white-arrow-back.svg) no-repeat 5px center #387cc5; } #content form button.previous:hover, #content form input[type=submit].previous:hover, #content form input[type=button].previous:hover, #content .previous:hover, #right .previous:hover { border: 2px solid #316394; background-color: #396ea7; } /*** Printer ***/ #content form button.printbutton, #content form button.PRINTBUTTON, #content form input[type=submit].printbutton, #content form input[type=submit].PRINTBUTTON, #content form input[type=button].printbutton, #content form input[type=button].PRINTBUTTON { color: #ffffff; text-align: left; padding: 5px 14px 5px 30px; border: 2px solid #316394; background: url(../assets/button-sprite.png) no-repeat -306px -337px, #387cc5; } #content form button.printbutton:hover, #content form button.PRINTBUTTON:hover, #content form input[type=submit].printbutton:hover, #content form input[type=submit].PRINTBUTTON:hover, #content form input[type=button].printbutton:hover, #content form input[type=button].PRINTBUTTON:hover { border: 2px solid #316394; background-color: #396ea7; } /*** Download ***/ #content form button.download-button, #content form button.DOWNLOAD-BUTTON, #content form input[type=submit].download-button, #content form input[type=submit].DOWNLOAD-BUTTON, #content form input[type=button].download-button, #content form input[type=button].DOWNLOAD-BUTTON { padding: 5px 14px 5px 30px; border: 2px solid #dfa000; background: url(../assets/circle-white-arrow-down.svg) no-repeat 5px center, #ffcd23; } #content form button.download-button:hover, #content form input[type=submit].download-button:hover, #content form input[type=button].download-button:hover { color: #000000; border: 2px solid #BA941A; background-color: #e6ad00; } /*** Add ***/ #content form button.add, #content form input.add-button, #content form input[type=submit].add, #content form input[type=button].add, #content input[type=submit].sme_grid_add_button { padding: 5px 14px 5px 30px; border: 2px solid #dfa000; background: url(../assets/circle-white-add.svg) no-repeat 5px center #ffcd23; } #content form button.add:hover, #content form input.add-button:hover, #content input[type="submit"].add-button:hover, #content form input[type=submit].add:hover, #content form input[type=button].add:hover, #content input[type=submit].sme_grid_add_button:hover { color: #000000; border: 2px solid #BA941A; background-color: #e6ad00; } /* Disabled buttons */ #content button[disabled], #content input[type=submit][disabled], #content input[type=button][disabled], #content form button[disabled].saveexit, #content form button[disabled].SAVEEXIT, #content form input[type=submit][disabled].saveexit, #content form input[type=submit][disabled].SAVEEXIT, #content form input[type=button][disabled].saveexit, #content form input[type=button][disabled].SAVEEXIT, #content form button[disabled].cancelexit, #content form button[disabled].CANCELEXIT, #content form input[type=submit][disabled].cancelexit, #content form input[type=submit][disabled].CANCELEXIT, #content form input[type=button][disabled].cancelexit, #content form input[type=button][disabled].CANCELEXIT, #content form button[disabled].close, #content form button[disabled].CLOSE, #content form input[type=submit][disabled].close, #content form input[type=submit][disabled].CLOSE, #content form input[type=button][disabled].close, #content form input[type=button][disabled].CLOSE, #content form button[disabled].submit, #content form button[disabled].SUBMIT, #content form input[type=submit][disabled].submit, #content form input[type=submit][disabled].SUBMIT, #content form input[type=button][disabled].submit, #content form input[type=button][disabled].SUBMIT, #content form button[disabled].continue, #content form button[disabled].CONTINUE, #content form input[type=submit][disabled].continue, #content form input[type=submit][disabled].CONTINUE, #content form input[type=button][disabled].continue, #content form input[type=button][disabled].CONTINUE, #content form button[disabled].next, #content form button[disabled].NEXT, #content form input[type=submit][disabled].next,#content form input[type=submit][disabled].NEXT, #content form input[type=button][disabled].next, #content form input[type=button][disabled].NEXT, #content .next[disabled], #right .next[disabled], #content form button[disabled].previous, #content form button[disabled].PREVIOUS, #content form input[type=submit][disabled].previous, #content form input[type=submit][disabled].PREVIOUS, #content form input[type=button][disabled].previous, #content form input[type=button][disabled].PREVIOUS, #content .previous[disabled], #right .previous[disabled], #content form button[disabled].printbutton, #content form button[disabled].PRINTBUTTON, #content form input[type=submit][disabled].printbutton, #content form input[type=submit][disabled].PRINTBUTTON, #content form input[type=button][disabled].printbutton, #content form input[type=button][disabled].PRINTBUTTON, #content form button[disabled].download-button, #content form button[disabled].DOWNLOAD-BUTTON, #content form input[type=submit][disabled].download-button, #content form input[type=submit][disabled].DOWNLOAD-BUTTON, #content form input[type=button][disabled].download-button, #content form input[type=button][disabled].DOWNLOAD-BUTTON { color: #999999; border: 2px solid #cccccc; background-color: #dddddd; } #content input[type=submit].sme_grid_add_button { font-family: Helvetica, Arial, Geneva, sans-serif; } /* Google recaptcha */ .g-recaptcha { margin-bottom: 28px; } /* Content buttons */ #content .content-button a, #content .next-step a, #right .next-step a { 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; } #content .content-button a { padding: 4px 14px; min-width: 60px; } #content .next-step { text-align: right; } #content .next-step a, #right .next-step a { padding: 4px 30px 4px 21px; background: url(../assets/circle-white-arrow-forward.svg) no-repeat right 7px top 6px, #ffcd23; } #content .content-button.content-next a { background: url(../assets/circle-white-arrow-forward.svg) no-repeat right 7px center, #ffcd23; padding-left: 21px; padding-right: 30px; } #content .content-button a:hover, #content .next-step a:hover, #content .content-button.content-next a:hover, #right .next-step a:hover { background-color: #dfa000; color: #ffffff; border: 2px solid #dfa000; } #content .content-button a:active, #content .next-step a:active, #content .content-button.content-next a:active, #right .next-step a:active { background-color: #cb9200; } #content .content-button.content-submit a { padding-left: 30px; padding-right: 21px; background: url(../assets/circle-white-confirm.svg) no-repeat 7px center #86b239; border: 2px solid #6D842D; color: #ffffff; } .no-svg #content .content-button.content-submit a { background: url(../assets/button-sprite.png) no-repeat -57px -244px, #86b239; } #content .content-button.content-submit a:hover { background-color: #6D842D; } #content .content-button.content-submit a:active { border: 2px solid #86b239; } #content .content-button.content-previous a { padding-left: 30px; padding-right: 21px; border: 2px solid #316394; background: url(../assets/circle-white-arrow-back.svg) no-repeat 7px center #387cc5; color: #ffffff; } #content .content-button.content-previous a:hover { background-color: #316394; } #content .content-button.content-previous a:active { border: 2px solid #387cc5; } #content .content-button.content-cancel a { padding-left: 30px; padding-right: 21px; border: 2px solid #870000; background: url(../assets/circle-white-cancel.svg) no-repeat 7px center #ce0407; color: #ffffff; } #content .content-button.content-minus a { padding-left: 30px; padding-right: 21px; border: 2px solid #870000; background: url(../assets/circle-white-minus.svg) no-repeat 7px center #ce0407; color: #ffffff; } #content .content-button.content-cancel a:hover, #content .content-button.content-minus a:hover { background-color: #870000; } #content .content-button.content-cancel a:active, #content .content-button.content-minus a:active { border: 2px solid #ce0407; } #content .content-button.content-add a { padding-left: 30px; padding-right: 21px; background: url(../assets/circle-white-add.svg) no-repeat 7px center #f9c000; } #content .content-button.content-add a:hover { background-color: #dfa000; } #content .content-button.content-add a:active { background-color: #cb9200; } /* Link buttons */ #content .content-link-button.content-add, #content .content-link-button.content-minus, #content .content-link-button.content-confirm, #content .content-link-button.content-back, #content .content-link-button.content-forward { padding-left: 21px; } #content .content-link-button.content-add { background: url(../assets/circle-blue-add.svg) no-repeat 0px center; } #content .content-link-button.content-minus { background: url(../assets/circle-red-minus.svg) no-repeat 0px center; } #content .content-link-button.content-back { background: url(../assets/circle-blue-arrow-back.svg) no-repeat 0px center; } #content .content-link-button.content-forward { background: url(../assets/circle-blue-arrow-forward.svg) no-repeat 0px center; } #content .content-link-button.content-confirm { background: url(../assets/circle-green-confirm.svg) no-repeat 0px center; } /* Podcast layout */ #content .podcast { box-shadow: 0 0 10px #e4e4e4; border: 1px solid #e4e4e4; border-radius: 3px; padding: 14px; margin: 0 0 21px 0; overflow: hidden; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #content .podcast a { border-bottom: none; } #content .podcast img { width: 120px; height: 74px; float: left; margin-bottom: 14px; margin-right: 23px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } #content .podcast h3 { font-size: 14px; line-height: 1.35; width: 290px; float: left; margin-right: 23px; position: relative; } #content .podcast h3:before { content: ''; display: block; width: 20px; height: 20px; position: absolute; left: -20px; background: url(../assets/expand-arrow.svg) no-repeat 3px 5px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform: all 0.2s ease-out; transform: all 0.2s ease-out; } .no-svg #content .podcast h3:before { background: url(../assets/expand-arrow.png) no-repeat 3px 5px; } #content .podcast h3.open-description:before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } #content .podcast .video, #content .podcast .audio { float: right; display: inline-block; position: relative; padding: 0 14px 0 7px; margin: 0 0px 15px 10px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.2; width: 50px; } #content .podcast .placeholder { width: 50px; float: right; padding: 0 14px 0 7px; margin: 0 0px 15px 10px; } #content .podcast .audio { float: left; } #content .podcast .video:before { content: ''; display: block; width: 10px; height: 20px; background: url(../assets/video-icon-yellow.svg) no-repeat 0 5px; position: absolute; left: -10px; } #content .podcast .audio:before { content: ''; display: block; width: 15px; height: 20px; background: url(../assets/audio-icon-yellow.svg) no-repeat 0px 2px; position: absolute; left: -15px; } .no-svg #content .podcast .video:before { background: url(../assets/video-icon-yellow.png) no-repeat 0 5px; } .no-svg #content .podcast .audio:before { background: url(../assets/audio-icon-yellow.png) no-repeat 0 2px; } #content .podcast .video a, #content .podcast .audio a { display: block; font-size: 15px; } #content .podcast span.smalltag { color: #999; font-style: normal; font-size: 11px; } #content .podcast p.smalltag { float: left; font-family: Georgia, "Times New Roman", Times, serif; color: #999; font-style: normal; width: 459px; padding-left: 18px; background: url(../assets/calendar-icon-grey.svg) no-repeat 0 4px; } .no-svg #content .podcast p.smalltag { background: url(../assets/calendar-icon-grey.png) no-repeat 0 4px; } #content .podcast .description, #content .podcast #mediacontainer { font-size: 13px; line-height: 1.5; clear: both; margin-bottom: 0; max-height: 0; overflow: hidden; visibility: hidden; transition: all 0.7s ease; opacity: 0; } #content .podcast .description.show, #content .podcast #mediacontainer.show { visibility: visible; max-height: 600px; opacity: 1; margin-bottom: 7px; } .media-close { max-height: 0; overflow: hidden; } #content .podcast .player { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #mediaplayer { transition: all 0.2s ease; margin-bottom: 7px; } #content p.podcast-result { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #999; border: 1px solid #e4e4e4; display: inline-block; padding: 3px 7px; margin-bottom: 21px; } #content p.podcast-result span { color: #000; } /* PAGINATION */ #content .pagination { background: #f9f9f9; padding: 14px; border: 1px solid #e4e4e4; overflow: hidden; } #content .pagination p { margin: 0; padding: 0; } #content .pagination a.next { float: right; margin: 0; padding: 1px 42px 1px 14px; width: 50px; background: #416ebf url("../assets/button-sprite.png") no-repeat -100px -123px; border: 2px solid #325aa4; color: #ffffff; transition: all 0.2s ease-out; } #content .pagination a.previous { float: left; margin: 0; padding: 1px 14px 1px 32px; width: 60px; background: #416ebf url("../assets/button-sprite.png") no-repeat -151px -152px; border: 2px solid #325aa4; color: #ffffff; transition: background 0.2s ease-out; } #content .pagination .next:hover, #content .pagination .previous:hover { background-color: #325aa4; } #content .pagination .next:active, #content .pagination .previous:active { box-shadow: 0 0 10px #ccc; background-color: #5a8be3; } /* Tile boxes */ .tile-box-shadow-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tile-box-shadow, .tile-box-shadow-description, .tile-box-shadow-thumbnail-description, .tile-box-shadow-thumbnail-no-description { background: #ffffff; border: 1px solid #dddddd; border-radius: 3px; box-shadow: 0 10px 20px #f5f5f5; box-sizing: border-box; float: left; margin-bottom: 46px; margin-right: 7.1%; width: 28.6%; } .tile-box-shadow:nth-of-type(3n), .tile-box-shadow-description:nth-of-type(3n), .tile-box-shadow-thumbnail-description:nth-of-type(3n) { margin-right: 0; } #content .tile-box-shadow-thumbnail-description img, #content .tile-box-shadow-thumbnail-no-description img { border: none; margin: 0; max-width: 100%; padding: 0; width: 100%; } #content .tile-box-shadow p, #content .tile-box-shadow-description p, #content .tile-box-shadow-thumbnail-description p { padding: 0 14px 0px 14px; } #content .tile-box-shadow ul, #content .tile-box-shadow-description ul, #content .tile-box-shadow-thumbnail-description ul, #content .tile-box-shadow-thumbnail-no-description ul { padding: 0 14px 0px 0px; } #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 { border-bottom: none; border-top: 0; font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif; font-size: 21px; font-weight: 300; line-height: 1.25; margin: 0; padding: 0 14px 14px 14px; } #content .tile-box-shadow h2 { margin-top: 14px; } #content .tile-box-shadow h2:after, #content .tile-box-shadow-description h2:after, #content .tile-box-shadow-thumbnail-description h2:after, #content .tile-box-shadow-thumbnail-no-description h2:before { width: 35px; height: 3px; content: ''; background-color: #f9c000; display: block; content: ''; margin-top: 14px; } #content .tile-box-shadow-thumbnail-description p:first-of-type a, #content .tile-box-shadow-thumbnail-no-description p:first-of-type a { border-bottom: 0; } #content .tile-box-shadow-thumbnail-no-description h2:before { margin-bottom: 11px; } #content .tile-box-shadow-thumbnail-description p:nth-child(1) { padding: 0; } /* Icons */ .svg .time-icon { background: url(../assets/clock-icon.svg) no-repeat 0 center; padding-left: 20px; background-size: 14px; } .no-svg .time-icon { background: url(../assets/clock-icon.png) no-repeat 0 center; padding-left: 20px; background-size: 14px; } /* JWPlayer styles */ .jwcaptions div span { padding: 10px; background: rgba(0, 0, 0, 0.75) !important; border-radius: 5px; } /*** Check in similar ***/ #content .checkinsimilar table { border-bottom: none; margin-bottom: 0; } #content .checkinsimilar table tr { border-bottom: none; } #content .checkinsimilar table td { padding: 0 0 0px 14px; } #content .checkinsimilar table td table td { padding: 0 0 0px 0px; } #content .checkinsimilar td input { margin-bottom: 21px; } #content .checkinsimilar td input[type=text] { width: 95.5%; padding: 0 2%; } #content .checkinsimilar td input[type=button] { width: 120px; margin: 0 0 21px 0; text-align: center; } #content .checkinsimilar td select { width: 100%; margin-bottom: 21px; padding-top: 4px; } #content .checkinsimilar textarea { width: 95.5%; padding: 2%; margin: 0 0 21px 0; } #content .checkinsimilar option { padding-top: 5px; } #content .checkinsimilar form button.submit { float: right; text-align: center; margin-top: 21px; margin-right: 0; padding-left: 11px; } #content .checkinsimilar input[readonly] { border: 1px solid #e4e4e4; background-color: #f8f8f8; } #content .checkinsimilar span a { margin-bottom: 21px; display: inline-block; } /* Disable button style on jwplayer skins */ #content .jwmain button { border: none; } /************************************************************ FEATURES ************************************************************/ #features { width: 882px; margin: 0px 0px 0px 232px; font-family: Helvetica, Arial, Geneva, sans-serif; } .features article { margin-right: 46px; width: 186px; float: left; } .features article:last-child { margin-right: 0; } .features article h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height: 18px; font-weight: normal; margin: 7px 0 0 0; } .features article h3 a { color: #416ebf; text-decoration: none; font-weight: normal; } .features article p { font-size: 12px; line-height: 15px; margin-top: 7px; color: #888; } .features article p.smalltag { font-family: 'Open sans', Helvetica, Arial, Geneva, sans-serif; font-weight: 300; font-size: 11px; line-height: 14px; color: #888; font-style: normal; text-transform: uppercase; } .news article:hover { background-color: #f0f5fc; -webkit-transition-duration: 0.25s; -webkit-transition-property: background-color; } .news article img { float: left; margin-right: 46px; width: 186px; } .news article .articleimage { width: 186px; height: 114px; float: left; margin-right: 46px; } .news article .articletext { width: 186px; float: left; } .events article { margin-top: 16px; padding: 5px 0px 14px 0px; background: url(../assets/calendar-icon.png) no-repeat 168px 12px; } .events article:hover { background: url(../assets/calendar-icon.png) no-repeat 129px -20px; } .events article h3 { padding-right: 20px; } .featurebuttons { padding: 0; margin: 14px 0px 0px 0px; } .featurebuttons article { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; width: 158px; float: left; margin: 14px 46px 0px 0px; padding: 14px 14px 34px 14px; background: url(../assets/speech-bubble-tail.png) no-repeat right bottom #f6f5f0; border-top: 1px solid #e6e2d5; line-height: 18px; } .featurebuttons img { width: 157px; margin: -11px 0px 0px -5px; border: none 0; } .featurebuttons article:last-child { margin-right: 0px !important; } .featurebuttons a { display: block; } /* Slides Otago Profiles */ #slides .otagoprofile { margin: 21px 0; overflow: hidden; } #slides .otagoprofile a { color: #416ebf; text-decoration: none; font-weight: normal; } #slides .otagoprofile a:first-child { overflow: hidden; display: block; max-height: 114px; } .features #slides .otagoprofile h2, #features #slides .otagoprofile h2 { font-size: 22px; color: #333; padding-bottom: 7px; } #slides .otagoprofile p { line-height: 1.5; margin-bottom: 7px; } #slides .otagoprofile div { width: 186px; margin-right: 46px; float: left; } #slides .otagoprofile div:nth-of-type(4n) { margin-right: 0; } #features #slides .otagoprofile div h2 { display: none; } /*** DIVISIONS ***/ #divisions { height: 80px; overflow: hidden; } #divisions:hover { min-height: 80px; overflow: visible; } #divisions article { margin: 0px 46px 35px 0px; width: 186px; float: left; } #divisions article:last-child { margin-right: 0; } #divisions article a { color: #666 !important; } #divisions article h3 { font-size: 16px; margin-bottom: 7px; } #divisions article ul { font-family: Helvetica, Arial, Geneva, sans-serif; } #divisions article ul ul { margin-left: 21px } #divisions article ul li { list-style-type: none; } #divisions:hover article { width: 150px; } #divisions:hover article.healthsciences { width: 310px !important; } #divisions:hover article ul { width: 150px; float: left; } #divisions:hover article ul:nth-child(2) { margin-left: 10px; } /* Yellow button for Online Registration frontpage button */ a.onlineregistrationbutton { display: inline-block; color: #333; border-radius: 17px; text-align: left; margin: 14px 0 0 0; padding: 3px 18px 3px 18px; border: 2px solid #ebbb16; background: #ffcd23; } a.onlineregistrationbutton:hover { color: #000; border: 2px solid #d8ae1e; background-color: #ebbb16; } /* Yellow button for Residential College frontpage button */ a.residentialcollegebutton { display: inline-block; color: #333; border-radius: 17px; text-align: left; margin: 14px 0 0 0; padding: 3px 18px 3px 18px; border: 2px solid #ebbb16; background: #ffcd23; } a.residentialcollegebutton:hover { color: #000; border: 2px solid #d8ae1e; background-color: #ebbb16; } /************************************************************ PHONEBOOK ************************************************************/ #phonebook dl { margin-bottom: 3.0em; } /*** same as H2 above and from text.css ***/ #phonebook dt { width: 100%; border-top: none; } #phonebook dt a { color: #333; } #phonebook dt a:hover { border: none; } #phonebook dd { width: 100%; border: none; } #content #phonebook p.smalltag { color: #777777; font-style: normal; margin-bottom: 21px; letter-spacing: 0.01em; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight: 300; } #content #phonebook h2 { border-top: 0; } #phonebook table { table-layout: fixed !important; width: 100%; word-wrap: break-word; } #content #phonebook table th { background: none; padding-left: 0; } #content #phonebook table th, #content #phonebook table td { font-size: 13px; line-height: 1.6; padding-bottom: 14px; padding-top: 14px; } #content #phonebook table th + td:nth-of-type(1) { padding-left: 7px; } #content #phonebook table td:nth-of-type(1) { padding-left: 0; } #phonebook table td span { font-style: normal; color: #777777; font-size: 11px; display: block; letter-spacing: 0.01em; } /*********************************************************** XML Paper CSS rules ***********************************************************/ /* Tabs for year based paper information */ /* No js tabs */ .no-js #content .paper_information ul#tabnav { background-color: #d4def0; list-style-type: none; margin: 0 0 14px 0; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: 1px solid #b6c8e7; overflow: hidden; } .no-js #content .paper_information ul#tabnav li { float: left; overflow: hidden; margin: 0; padding: 7px 16px; font-size: 16px; background: #7c9bd3; border: 1px solid #658cd3 } .no-js #content .paper_information ul#tabnav li a { border-bottom: none; color: #ffffff; } /* JS enabled */ #content .paper_information.ui-widget.ui-widget-content { border: 0; padding: 0; border-radius: 0; } #content .paper_information .ui-corner-all { border-radius: 0; } #content .paper_information.ui-tabs .ui-tabs-nav li { margin: 0px 0 0 0;} #content .paper_information.ui-tabs .ui-tabs-nav li.ui-tabs-active { padding: 0; } #content .paper_information .ui-corner-top, #content .paper_information .ui-corner-right, #content .paper_information .ui-corner-tr { border-radius: 0; } #content .paper_information .ui-widget-header { border: 0; } #content .paper_information.ui-tabs div { border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd;padding: 21px;} #content .paper_information.ui-tabs div div { border: none; margin: 0; padding: 0; } #content .paperinformation div.timetable th, #content .paperinformation div.timetable td { width: 25%; } #content .paper_information ul.ui-tabs-nav {background-color: #f0f0f0 !important; border-left: 1px solid #dddddd !important; border-right: 1px solid #dddddd !important; border-top: 1px solid #dddddd !important; } .ui-tabs .ui-tabs-panel { padding-top: 21px; } #content .paper_information a.ui-tabs-anchor { border-bottom: 1px solid #658cd3!important; } #content .paper_information .ui-state-active a.ui-tabs-anchor { border-bottom: none!important; box-shadow: 0px 1px 0 1px #ffffff; } #content .paper_information .ui-state-active:first-of-type a.ui-tabs-anchor { box-shadow: 1px 1px 0 1px #ffffff; } #content .paper_information.ui-tabs.ui-widget-content .ui-tabs-nav li { font-family: 'Open Sans', Georgia, "Times New Roman", Times, serif; margin-right: 0 !important; font-size: 16px; border-top: none; border-right: 1px solid #658cd3; margin-left: 0; } #content .paper_information.ui-tabs.ui-widget-content .ui-tabs-nav li:nth-of-type(2n), #content .paper_information.ui-tabs.ui-widget-content .ui-tabs-nav li:nth-of-type(3n), #content .paper_information.ui-tabs.ui-widget-content .ui-tabs-nav li:nth-of-type(4n) { border-left: 1px solid #658cd3; border-right: 1px solid #658cd3; } #content .paper_information .ui-tabs-nav li.ui-state-default { background: #7c9bd3; } #content .paper_information .ui-tabs-nav li.ui-state-default:hover { background: #416ebf !important; } #content .paper_information .ui-tabs-nav li.ui-state-default a { color: #ffffff; } #content .paper_information.ui-tabs.ui-widget-content .ui-tabs-nav li.ui-state-active { background: #ffffff; border-right: 2px solid #b6c8e7; } #content .paper_information .ui-tabs-nav li.ui-state-active:hover { background: #fff !important; } #content .paper_information .ui-tabs-nav li.ui-state-active a { color: #416ebf; } #content .ui-tabs-nav .ui-state-hover.ui-state-active { background: #fff !important; } #content .ui-tabs h2 { border-bottom: none; } #content .paperinformation table th, #content .ui-tabs table th { width: 35%; font-size: 13px; line-height: 1.5; border-bottom: 1px solid #e4e4e4; } #content .paperinformation table td, #content .ui-tabs table td { border-bottom: 1px solid #e4e4e4; line-height: 1.5; font-size: 13px; padding: 7px 12px; } #content .paperinformation table, #content .ui-tabs table { border-top: 1px solid #e4e4e4; border-bottom: none; color: #333; } #content .paper_information.ui-tabs.ui-widget-content li { margin-left: 16px; font-size: 13px; border: none; } #content .paperinformation p + dl { margin-top: 28px; } #content .paperinformation dt, #content .ui-tabs dt { width: 34%; font-family: 'Open Sans', Georgia, "Times New Roman", Times, serif; font-weight: 700; } #content .paperinformation dd, #content .ui-tabs dd { width: 63%; font-size: 13px; } #content .paperinformation dd p { font-size: 13px; } #content .paperinformation dd ul { margin-left: 0; margin-top: 7px; } #content .paperinformation h2 + dl dt, #content .paperinformation h2 + dl dd { border-top: none; } /* Icons for each semester */ #content .ui-tabs h3.S1, #content .ui-tabs h3.S2, #content .ui-tabs h3.SS, #content .ui-tabs h3.FY, #content .ui-tabs h3.SC { position: relative; padding-left: 33px; } #content .ui-tabs h3.S1:before, #content .ui-tabs h3.S2:before, #content .ui-tabs h3.SS:before, #content .ui-tabs h3.FY:before, #content .ui-tabs h3.SC:before { color: #ffffff; font-size: 14px; display: block; position: absolute; top: 0; left: 0; padding: 1px 5px; background: #f9c000; border-radius: 100%; height: 22px; line-height: 1.5; } #content .ui-tabs h3.S1:before { content: "S1"; } #content .ui-tabs h3.S2:before { content: "S2"; } #content .ui-tabs h3.SS:before { content: "SS"; } #content .ui-tabs h3.FY:before { content: "FY"; } #content .ui-tabs h3.SC:before { content: "SC"; } /* JQuery UI overrides */ .ui-accordion .ui-accordion-header.ui-accordion-icons a { padding: 0.5em 0.5em 0.5em 1.6em; } /* Error page */ body.errors #title h1 { font-size: 50px; } body.errors #content h2 { margin-bottom: 28px; } body.errors #content form { border: 1px solid #e4e4e4; margin: 7px 0 21px 0; border-radius: 4px; } body.errors #content form fieldset { width: 100%; box-sizing: border-box; margin: 0; padding: 21px; border: none; } body.errors #content form fieldset label { font-family: 'Minion Pro', Minion-Pro, MinionPro, Georgia, serif; font-weight: normal; font-size: 15px; margin-bottom: 7px; float: none; display: block; } body.errors #content input { float: none; width: 80%; margin: 0 0 0px 0; padding: 0px 5px 0px 5px; box-sizing: border-box; border-radius: 0 0; font-size: 13px; line-height: 1; height: 29px; } body.errors #content input:focus { box-shadow: 0px 0px 5px #e4e4e4; } body.errors #content form button.submit { text-align: center; padding-left: 12px; width: 20%; float: right; margin-right: 0; margin-bottom: 0; padding: 0px 5px 0px 5px; border-radius: 0px 16px 16px 0; font-size: 13px; line-height: 1; height: 29px; } body.errors #features { display: none; } body.errors #right { padding-top: 350px; } /* Responsive video/embeds */ .responsive-embed-container { padding-bottom: 56.25%; position: relative; height: 0; overflow: hidden; } .responsive-embed-container object, .responsive-embed-container iframe, .responsive-embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .no-js-responsive-embed { background: url(../assets/play-outline-white.svg) no-repeat center center #f1f1f1; background-size: 20%; border: 1px solid #dddddd; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 14px; width: 100%; margin-top: 32px; padding-top: 30%; padding-bottom: 26.25%; position: relative; height: 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* AskOtago box */ #content .ask-otago-box { background: url(../assets/askotago-tessellations.png) no-repeat 0px 0px #FFC10E; color: #333333; font-family: 'Open Sans', Helvetica, Arial, sans-serif; margin-top: 28px; padding: 14px 21px; } #content .ask-otago-box h2 { background: url(../assets/askotago-box-logo-updated.png) no-repeat 0px 0px; background-size: 116px; border: none; text-indent: -9999px; } #content .ask-otago-box p { font-size: 21px; } #content .ask-otago-box p a { background: #00508F; border-bottom: none; border-radius: 16px; color: #ffffff; display: inline-block; font-size: 14px; margin-top: 7px; margin-bottom: 0px; padding: 5px 14px; } /************************************************************ RIGHT ************************************************************/ #right { width: 186px; padding: 0 0 0 46px; float: left; font-family: Helvetica, Arial, Geneva, sans-serif; font-size: 12px; line-height: 18px; background: url(../assets/bg-bleed-fade.png) no-repeat 7px top; } /*** THIS GLOBAL OVERRIDE NEEDS REPLACED !!!!****/ #right div { padding: 0 0 7px 0; margin: 0 0 7px 0; } #right div div, #right div div div { border: none; padding: 0; margin: 0; } #right img { width: 186px; margin: 0 0 10px 0; border: none; } #right .goog-te-gadget img { width: auto; margin: 0; } #right a { color: #416ebf; text-decoration: none; -webkit-transition: color .35s; transition: color .35s; } #right a:hover { color: #163568; } #right h2 { color: #888; text-transform: uppercase; font-size: 13px; line-height: 16px; margin: 0; padding: 7px 30px 0 0; font-family: 'Open sans', Helvetica, Arial, Geneva, sans-serif; font-weight: 300; letter-spacing: 0.05em; } #right h2 strong { font-weight: 300; color: #000; } #right h3 { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; margin: 0; font-weight: bold; color: #888; } #right p { font-size: 12px; color: #666; margin: 0; padding: 0 0 10px 0; } #right p a:hover { border-bottom: 1px solid #416ebf; } #right p.smalltag { border: none; font-size: 11px; } #right p.disclaimer { color: #cc6600; } #right ul { margin: 0 0 14px 0px; padding: 2px 0 10px 0; } #right li { font-size: 12px; line-height: 16px; color: #666; margin: 0 0 0 16px; padding: 0 0 5px 0; list-style-position: outside; } #right li a:hover { border-bottom: 1px solid #416ebf; } #right ul li { list-style-type: circle; } #right form { border: none; width: 186px; margin: 5px 0 10px 0; } #right fieldset { border: none; padding: 5px; background-color: #F1F4F8; border-top: 1px solid #dddddd; } #right legend { font-family: 'Open sans', Helvetica, Arial, Geneva, sans-serif; text-transform: uppercase; font-weight: 300; font-size: 14px; padding: 0; } #right legend span {} #right label, #right input, #right textarea { font-size: 12px; width: 172px; } #right input { background-color: #ffffff; border: 1px solid #ccc; margin-bottom: 7px; margin-top: 4px; } #right textarea { background-color: #ffffff; border: 1px solid #ccc; margin-bottom: 7px; } #right select { width: 170px; margin-bottom: 7px; } #right input[type=submit], #right input[type=button], #right button { background-color: #dddddd; border: 1px solid #bbbbbb; padding: 2px 10px; min-width: 90px; border-radius: 10px; color: #333; } #right input[type=submit]:hover, #right input[type=button]:hover, #right button:hover { background-color: #ccc; border: 1px solid #aaa; color: #000; } #right table { font-size: 12px; line-height: 16px; margin-bottom: 7px; width: 100%; } #right table tr { border-bottom: 1px solid #dddddd; } #right table th { padding: 3px; font-weight: bold; } #right table td { padding: 3px; } /*** Right hand features ***/ #right div.features { margin: 0; padding: 0; } #right div.features div.shortdescription { display: none; } /*** Accommodation ***/ #right .accommodation h2 { background-image: url(../assets/sprite-widget.png); background-repeat: no-repeat; background-position: -68px -223px; } #right .accommodation:hover h2 { background-image: url(../assets/sprite-widget-hover.png); background-repeat: no-repeat; background-position: -68px -223px; } /*** APPLY NOW ***/ /* Apply now in the content */ #content .subject-selection, #content .applynow-widget { background: url(../assets/tessellations-white-reversed.png) #00508F right 0 no-repeat; background-size: 220px; border-radius: 3px; margin-bottom: 42px; overflow: hidden; padding: 14px 21px 14px 14px; position: sticky; top: 0px; } #content .subject-selection h2, #content .subject-selection h2:first-of-type, #content .applynow-widget h2 { border-top: 0; color: #ffffff; font-size: 27px; letter-spacing: 0.01em; margin-bottom: 14px; margin-top: 0; padding-bottom: 0; padding-top: 0; } #content .applynow-widget h2 { font-size: 25px; } #content .applynow-widget h2 strong { font-family: "Amsi Pro Condbold", "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; } #content .subject-selection h2:after { background: #f9c000; content: ''; display: block; height: 3px; margin-top: 12px; width: 45px; } #content .subject-selection h3 { color: #bae1ff; font-size: 17px; letter-spacing: 0.01em; padding-bottom: 3px; padding-top: 0; } #content .subject-selection select { float: left; margin-bottom: 7px; margin-right: 4%; margin-top: 0; width: 81%; } #content a.applynow-single { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; margin-right: 0; margin-top: 0; padding-top: 3px; padding-bottom: 3px; width: 20%; } #content .subject-selection .smalltag { clear: both; color: #ffffff; font-size: 10px; font-style: normal; margin-bottom: 0; } #content .applynow-widget a.applynow, #content .applynow-widget a.applynow-single { background: #f9c822 url(../assets/tick-icon.svg) no-repeat 5px 4px !important; border: 2px solid #d8ae1e; cursor: pointer; font-size: 13px; margin-top: 4px; max-width: 186px; min-height: 246px; padding-bottom: 4px; padding-left: 30px; padding-top: 4px; position: relative; font-family: 'Open Sans', Georgia, 'Times New Roman', Times, serif !important; } #content .applynow-widget a.applynow:hover, #content .applynow-widget a.applynow-single:hover { background-color: #f9c000 !important; } #content .applynow-widget a.applynow:active, #content .applynow-widget a.applynow-single:active { background-color: #fbd44b !important; } #content .applynow-widget ul:before { background: url(../assets/popup-tail.png) no-repeat; margin-top: -24px; margin-left: -4px; position: absolute; width: 19px; height: 14px; content: ""; display: block; } #content .applynow-widget ul { display: none; border-top: 1px solid #cbd5e4; background-color: #f1f4f8; padding: 10px; margin-top: 13px !important; margin-left: 0px !important; clear: both; } #content .applynow-widget ul li { font-size: 12px; list-style-type: none; padding-bottom: 14px; } #content .applynow-widget ul li a { text-decoration: none; border-bottom: none; } /* Apply now in the right column */ #right div.applynow { display: none; } #right div.applynow h2 { margin-bottom: 14px; } #right div.applynow a.applynow, #right div.applynow a.applynow-single { background: #f9c822 url(../assets/button-sprite.png) no-repeat -57px -247px !important; border: 2px solid #d8ae1e; position: relative; margin-top: 14px; padding-top: 4px; padding-left: 30px; padding-bottom: 4px; font-size: 13px; width: 70%; font-family: Georgia, "Times New Roman", Times, serif !important; cursor: pointer; } #right div.applynow a:hover.applynow, #right div.applynow a:hover.applynow-single { background-color: #f9c000 !important; } #right div.applynow a:active.applynow, #right div.applynow a:active.applynow-single { background-color: #fbd44b !important; } #right div.applynow p.applynow-single a[href$=".xml"] { background: none; padding-left: 0px !important; color: #ff0000 !important; } #right div.applynow p.applynow-single a { font-weight: bold; } #right div.applynow ul:before { background: url(../assets/popup-tail.png) no-repeat; margin-top: -24px; position: absolute; width: 19px; height: 14px; content: ""; display: block; margin-left: -4px; } #right div.applynow ul { display: none; border-top: 1px solid #cbd5e4; background-color: #f1f4f8; padding: 10px; margin-top: 13px !important; margin-left: 0px !important; margin-bottom: 14px !important; } #right div.applynow ul li { list-style-type: none; padding-bottom: 14px; } /*** KIS button ***/ #right .widget.kisbutton { margin: 14px 0; } /*** askotago ***/ #right .askotago h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(../assets/sprite-widget.png); background-repeat: no-repeat; background-position: -847px -1016px; } #right .askotago:hover h2 { background-image: url(../assets/sprite-widget-hover.png); background-repeat: no-repeat; background-position: -847px -1016px; } /*** calendar ***/ #right .calendar { margin-top: 5px; padding-bottom: 4px; background-image: url(../assets/sprite-widget.png); background-repeat: no-repeat; background-position: -628px -792px; } #right .calendar:hover { background-image: url(../assets/sprite-widget-hover.png); background-repeat: no-repeat; background-position: -628px -792px; } #right .events article { margin-top: 5px; padding-bottom: 4px; background-image: url(../assets/sprite-widget.png); background-repeat: no-repeat; background-position: -628px -792px; } #right .events article:hover { background-image: url(../assets/sprite-widget-hover.png); background-repeat: no-repeat; background-position: -628px -792px; } #right .events article h3 { padding-bottom: 5px; } /*** otagoprofile ***/ #right #slides .otagoprofile, #right #slides .otagoprofile div { width: 186px; border: none; padding: 0; margin: 0; } #right .otagoprofile p { padding: 0; margin: 0 0 7px 0; border: none; } #right .otagoprofile p img { margin: 0; } #right .otagoprofile h2 { background-image: url(../assets/sprite-widget.png); background-repeat: no-repeat; background-position: -3px -166px; margin-bottom: 7px; } #right .otagoprofile:hover h2 { background-image: url(../assets/sprite-widget-hover.png); background-repeat: no-repeat; background-position: -3px -166px; } /*** registration ***/ #right .registration h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(../assets/sprite-widget.png); background-repeat: no-repeat; background-position: 164px 0px; } #right .registration:hover h2 { background-image: url(../assets/sprite-widget-hover.png); background-repeat: no-repeat; background-position: 164px 0px; } /*** search ***/ #right .search h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(../assets/sprite-widget.png); background-repeat: no-repeat; background-position: -570px -733px; padding-bottom: 5px; } #right .search:hover h2 { background-image: url(../assets/sprite-widget-hover.png); background-repeat: no-repeat; background-position: -570px -733px; } /*** shopping cart ***/ #right .shoppingcart h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(../assets/sprite-widget.png); background-repeat: no-repeat; background-position: 103px -1063px; } #right .shoppingcart:hover h2 { background-image: url(../assets/sprite-widget-hover.png); background-repeat: no-repeat; background-position: 103px -1063px; } /*** e:Vision ***/ #right .evision-widget h2 { margin-top: 5px; padding-bottom: 4px; background: url(../assets/evision-icon.png) no-repeat right 3px; } /*** weather ***/ #right div.weather h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(../assets/sprite-widget.png); background-repeat: no-repeat; background-position: 160px -1017px; } #right div.weather:hover h2 { background-image: url(../assets/sprite-widget-hover.png); background-repeat: no-repeat; background-position: 160px -1021px; } #right div.weather table tbody { display: none; } #right div.weather p { margin: 0 0 7px 0; padding: 0; border: none; } #right div.forecast { color: #333; padding: 0em 0em 2.0em 0em; margin: 0em 0em 1.0em 0em; } #right div.forecast h2 { padding: 0em 1.0em 0.5em 0em; margin: 0; } #right div.forecast div{ font-size: 0.9em; border: none; margin: 0; padding: 0.5em 0em 1.0em 0em; } #right div.forecast div table { border: none; background: none; } #right div.forecast table td { padding: 0; width: 38px; text-align: center; border: none; background: none; } #right div.forecast table td img { width: 30px; } #right div.forecast span.weather_high { color: #ff0000 !important; } #right div.forecast span.weather_low { color: #247fa2 !important; } #right div.forecast p { margin: 0; padding: 0 1.0em 1.0em; } /*** Right hand button ***/ #right p.action-button { border-bottom: 0; } #right .action-button a { background: #416ebf; display: block; border-radius: 16px; padding: 4px 0 5px 0; color: #ffffff; font-family: 'Open sans', Helvetica, Arial, Geneva, sans-serif; text-align: center; margin: 7px 0 14px 0; cursor: pointer; border: 1px solid #3a65b3; transition: all 0.2s ease-out; } #right .action-button a:hover { background: #365fa9; box-shadow: 0 0 10px #e4e4e4; } #right .action-button a:active { background: #648fdc; } #right .action-button.yellow a { background: #f9c000; border: 1px solid #dfa000; color: #333; } #right .action-button.yellow a:hover { background: #dfa000; color: #333; border: 1px solid #dfa000; } #right .action-button.yellow a:active { background: #ffd031; color: #333; border: 1px solid #dfa000; } #right .action-button.yellow a:hover { background: #dfa000; color: #ffffff; border: 2px solid #dfa000; } #right .action-button.grey a { background: #e1e1e1; border: 1px solid #ccc; color: #555; } #right .action-button.grey a:hover { background: #999; border: 1px solid #ccc; color: #ffffff; } #right .action-button.grey a:active { background: #aaaaaa; border: 1px solid #ccc; color: #ffffff; } #right .action-button.green a { background: #86b239; border: 1px solid #6D842D; color: #ffffff; } #right .action-button.green a:hover { background-color: #6D842D; } #right .action-button.green a:active { background-color: #86b239; } /*** Page Metadata ***/ .pagemetadata, .editorstoolkit { background-color: #f1f4f8; border-left: 3px solid #f9c000; padding-left: 7px !important; margin-top: 21px !important; } #right .pagemetadata h2 { margin-bottom: 7px; margin-top: 7px; } #right .pagemetadata p { font-size: 12px; border-bottom: none; margin-right: 5px; } .pagemetadata p a { font-weight: bold; } .pagemetadata ul { border-bottom: none; } .pagemetadata a#viewdiff { background: #416ebf; color: #ffffff; padding: 6px 10px; border-radius: 16px; display: inline-block; margin-top: 2px; transition: all 0.2s ease-out; } .pagemetadata a#viewdiff:hover { color: #ffffff; border-bottom: none; background: #375da2; } #right .pagemetadata a#extendexpiry { background: #416ebf; padding: 6px 14px 3px 4px; border-radius: 16px; color: #ffffff; display: inline-block; -webkit-transition: 0.2s background-color ease-in; transition: 0.2s background-color ease-in; } #right .pagemetadata a#extendexpiry:hover { background-color: #375da2; border-bottom: none; } #right .pagemetadata a#extendexpiry span { width: 22px; height: 22px; background: url("../assets/button-sprite.png") no-repeat -59px -248px; margin-right: 5px; display: inline-block; vertical-align: middle; } #right .pagemetadata a#extendexpiry:active { background-color: #4b7cd3; } #right .pagemetadata a#extendexpiry:active span { width: 22px; height: 22px; background: url("../assets/spinner/load-spinner.png") center center no-repeat; margin-right: 5px; display: inline-block; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: spinner; animation-name: spinner; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation-timing-function: linear; animation-timing-function: linear; vertical-align: middle; } @-webkit-keyframes spinner { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #right #expiryText { padding-right: 34px; } #right .pagemetadata .info { color: #18c39c; } #right .pagemetadata .warning { color: #ff9000; } #right .pagemetadata .error { font-weight: normal !important; } #right .pagemetadata .error abbr, #right .pagemetadata .warning abbr, #right .pagemetadata .info abbr { font-weight: bold; clear: left; display: inline-block; } #right #editortoolkit { margin-bottom: 0; } #right #editortoolkit ul li { list-style-type: none; margin-left: 0; } /*** Earthquake ***/ #right div.chch-earthquake h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(../assets/sprite-earthquake-icon.png); background-repeat: no-repeat; background-position: 164px 4px; margin-top: 10px; } #right div.chch-earthquake h2:hover { background-image: url(../assets/sprite-earthquake-icon.png); background-repeat: no-repeat; background-position: 124px -36px; } #right div.chch-earthquake p a { color: #666; font-family: Georgia, "Times New Roman", Times, serif; background-color: #ffcd23; padding: 3px 10px 3px 10px; margin: 6px 0 6px 0; border: 2px solid #f9c000; display: inline-block; border-radius: 17px; } #right div.chch-earthquake p a:hover { color: #000; text-decoration: none; border: 2px solid #D8AE1E; background-color: #f9c000; } /*************************************************** FOOTER ***************************************************/ div#footer_bg { margin-top: 14px; background: url(../assets/bg-footer.png); clear: both; margin: 0; } footer.wrapper, div.footer_wrapper { width: 1114px; padding: 0 20px 0 20px; margin: 0 auto; position: relative; clear: both; } footer.wrapper { color: #666; background-image: url(../assets/kowhaiwhai-head.png); background-repeat: no-repeat; padding-top: 39px; } footer p, footer ul { font-family: 'Open Sans', Georgia, "Times New Roman", Times, serif; margin-bottom: 0; font-size: 13px; } /* =footer blue banner ----------------------------*/ section.footer_top { background: #1d437f; box-shadow: 0px 0px 4px #a4a4a4; color: #ffffff; padding: 0px 7px; margin-bottom: 0; position: relative; z-index: 99; font-family: Georgia, "Times New Roman", Times, serif; } section.footer_top ul { list-style: none; } section.footer_top p { font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; } section.footer_top a { text-decoration: none; color: #ffffff; } section.footer_top a:hover { border-bottom: 1px solid #587cb4; } p.btn_slide { cursor: pointer; border-bottom: 1px solid transparent; } p.btn_slide:hover { border-bottom: 1px solid #587cb4; } footer ul { list-style: none; } ul.footer_contact, ul.footer_contact li, ul.footer_social_lang li { float: left; font-size: 13px; } ul.footer_contact li span { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; } section.footer_top ul li { padding: 8px 8px; background: url(../assets/bg-footer-li.png) no-repeat right 0; } /* Translate */ ul.footer_social_lang li:nth-child(1) { padding: 0; background: none; } #footer_translate { background: url(../assets/translate-icon.png) no-repeat 4px center; padding: 8px 8px 8px 31px; transition: all 0.2s ease; } #footer_translate:hover { background-color: #416ebf; } #google_translate_element span { font-family: Helvetica, Arial, sans-serif; } #google_translate_element div { margin-bottom: 10px; } /* =right of blue banner ----------------------------*/ ul.footer_social_lang { float: right; } img#back_to_top { position: absolute; top: -5px; right: 30px; display: block; width: 14px; height: 9px; } section.footer_top ul.footer_social_lang li { background-position: left 0; } section.footer_top a.sm_btn_close:hover { border: none; } div.footer_slide { width: 170px; position: absolute; bottom: 33px; display: none; z-index: 100; color: #333; margin-bottom: 10px; background: #f7f7f7; border: 2px solid #fff; box-shadow: 0px 0px 4px #c9c9c9; padding: 0 15px 10px 15px; } div.share_page { right: 25px; } div.lang_select { right: 70px; } section.footer_top ul.sm_share { margin-bottom: 0; } section.footer_top ul.sm_share li, section.footer_top ul.footer_slide_lang li { list-style: none; padding: 0; background: none; font-family: Helvetica, Arial, Geneva, sans-serif; } p.footer_slide_intro { background: #efefef; display: block; color: #333; padding: 10px; margin: 0 -15px; border-bottom: 1px solid #dcdcdc; font-family: Georgia, "Times New Roman", Times, serif; } ul.footer_slide_lang { background: none; } ul.footer_slide_lang li { display: block; width: 100%; margin-bottom: 8px; background: none; } ul.footer_slide_lang a { color: #333; background: none; } ul.sm_share li a { padding: 5px 0 6px 22px ; background: url(../assets/sprite-socialmedia-icons.png) no-repeat; border-bottom: 1px solid #eaeaea; width: 150px; display: block; color: #888; } ul.sm_share li a:hover { border-bottom: 1px solid #888; } ul.sm_share li a.sm_twitter { background-position: -288px 3px; } ul.sm_share li a.sm_youtube { background-position: -256px -26px; } ul.sm_share li a.sm_facebook { background-position: -224px -61px; } ul.sm_share li a.sm_itunes { background-position: -193px -92px; } div.footer_slide p { margin-bottom: 10px; } /* Footer awards section ----------------------------*/ .groups-awards { overflow: hidden; margin-bottom: 21px; } .matariki-logo, .qsstars-logo { overflow: hidden; padding-top: 14px; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height: 1.3; font-style: italic; -moz-osx-font-smoothing: grayscale; } .matariki-logo a, .qsstars-logo a { text-indent: -9999px; display: block; float: left; border-right: 1px solid #bbb; margin-right: 21px; } .matariki-logo { background: url('../assets/mnu-logo-grey-frontpage.png') 0 0 no-repeat; background-size: 133px; width: 36%; margin-right: 5%; } .matariki-logo a { height: 35px; width: 156px; } .qsstars-logo { background: url('../assets/qs-stars-grey-logo-2018.png') 0 0 no-repeat; background-size: 106px; width: 36%; height: 60px; } .qsstars-logo a { height: 40px; width: 134px; } div#footer_bg:hover .matariki-logo { background-image: url('../assets/mnu-logo-frontpage.png'); } div#footer_bg:hover .qsstars-logo { background-image: url('../assets/qs-stars-logo-2018.png'); } /* =footer main section ----------------------------*/ /* Hide non NZ phonenumber in the footer */ ul.footer_contact li:nth-child(3), .footer_address span.non-nz { display: none; } section.footer_address { float: left; width: 170px; margin-right: 44px; padding-left: 18px; } section.footer_address span { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; } section.footer_address p { font-size: 12px; } section.footer_address a { color: #666; text-decoration: none; border-bottom: 1px solid #dddddd; } section.footer_address p { margin-bottom: 10px; } nav.global_footer { float: left; width: 650px; margin-right: 46px; min-height: 350px; } nav.global_footer ul { float: left; display: block; width: 148px; margin-right: 18px; line-height: 14px; margin-bottom: 19px; } nav.global_footer ul li:first-child, nav.global_footer ul li.first-child-title { color: #333; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 4px; background: url(../assets/bg-htag-1px-grey.png) repeat-x -20% center; } nav.global_footer ul li.first-child-title { padding-top: 23px; } nav.global_footer ul li { font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif; float: left; width: 148px; margin-right: 18px; line-height: 14px; margin-bottom: 3px; } nav.global_footer ul li a { color: #666; font-size: 12px; text-decoration: none; } nav.global_footer ul li:first-child a, div#footer_bg:hover nav.global_footer ul li:first-child a { color: #333; font-size: 13px; background-color: #f5f5f5; padding-right: 2px; } div#footer_bg:hover nav.global_footer a { color: #555; } div#footer_bg:hover nav.global_footer ul li a:hover { color: #333; border-bottom: 1px solid #666; } nav.global_footer ul:nth-of-type(4n+4) { margin-right: 0; } l#last_nav { margin-bottom: 50px; } section.footer_bottom { background: #ffffff; box-shadow: 0px 0px 4px #a4a4a4; padding: 0px 7px; margin-top: 40px; clear: both; } section.footer_bottom span { font-family: inherit; font-size: inherit; } section.footer_bottom ul { float: left; } section.footer_bottom ul li { float: left; } section.footer_bottom ul li { padding: 8px 8px; background: url(../assets/bg-footer-li-2.png) no-repeat right 0; } section.footer_bottom ul li a { color: #666; text-decoration: none; } ul#social_media li a { padding: 4px 0 6px 22px; } ul#social_media li a#sm_twitter, ul#social_media li a.sm_twitter { background-position: -161px -190px; } ul#social_media li a#sm_youtube, ul#social_media li a.sm_youtube { background-position: -129px -221px; } ul#social_media li a#sm_facebook, ul#social_media li a.sm_facebook { background-position: -97px -254px; } ul#social_media li a#sm_itunes, ul#social_media li a.sm_itunes { background-position: -33px -318px; } ul#social_media li a#sm_linkedin, ul#social_media li a.sm_linkedin { background-position: 0px -350px; } ul#social_media li a#sm_instagram, ul#social_media li a.sm_instagram { background-position: -324px -414px; } footer.wrapper:hover ul#social_media li a#sm_twitter, footer.wrapper:hover ul#social_media li a.sm_twitter { background-position: -356px 2px; } footer.wrapper:hover ul#social_media li a#sm_youtube, footer.wrapper:hover ul#social_media li a.sm_youtube { background-position: -324px -31px; } footer.wrapper:hover ul#social_media li a#sm_facebook, footer.wrapper:hover ul#social_media li a.sm_facebook { background-position: -292px -62px; } footer.wrapper:hover ul#social_media li a#sm_itunes, footer.wrapper:hover ul#social_media li a.sm_itunes { background-position: -260px -94px; } footer.wrapper:hover ul#social_media li a#sm_linkedin, footer.wrapper:hover ul#social_media li a.sm_linkedin { background-position: -196px -158px; } footer.wrapper:hover ul#social_media li a#sm_instagram, footer.wrapper:hover ul#social_media li a.sm_instagram { background-position: -356px -382px; } /************************************************* LARGEST @ MEDIA the default - base width: 1114px cols 1 2 3 4, px 186 418 650 882 *************************************************/ @media only screen and (min-width: 1025px) { /* =social media bookmark ----------------------------*/ ul#social_media { position: absolute; right: 17px; top: -13px; height: 200px; width: 162px; padding: 40px 15px 20px 15px; background: url(../assets/bg-footer-social-media.png) no-repeat 0 bottom; } ul#social_media li:first-child, ul#social_media li.first-child-title { background: none; border-bottom: 1px solid #eaeaea; padding-bottom: 5px; width: 162px; } ul#social_media li a { background: url(../assets/sprite-socialmedia-icons.png) no-repeat; border-bottom: 1px solid #eaeaea; width: 140px; display: block; } div#footer_bg:hover nav.global_footer ul#social_media li a:hover { border-bottom: 1px solid #888; } } /************************************************* MIDDLE @ MEDIA / iPad landscape base width: 882px, cols 1 2 3, px 186 418 650 **************************************************/ @media only screen and (min-width: 769px) and (max-width: 1024px) { #content .grid5 { width: 882px; } #content .grid4 { width: 650px; margin: 0px; } #content .grid3 { width: 418px; margin: 0px; } #emergency #emergency_inner { width: auto; padding: 5px 0; } #emergency_right { display: none; } #emergency.critical { z-index: 99; } #emergency.critical #emergency_left { background: url(../assets/button-sprite.png) no-repeat -9px 0px; padding-left: 278px; } #emergency.critical #emergency_left a { padding-left: 24px; padding-top: 4px; font-size: 13px; } div#nav_holder { width: 882px; margin: 0 auto; } .topnavinner { width: 882px; } ul#breadcrumbs { width: 408px; } #globalsearch { width: 232px; margin: 0; } #globalsearch form input.searchinput { border-radius: 0px; -webkit-appearance:caret; } .titleinner { width: 673px; overflow: hidden; } #contentwrapper { width: 882px; } #content { width: 418px; } #content .services ul { width: 100%; } #content .pagesubnav2 li { width: 100%; float: none; } #content article.event .insideevent { width: 340px; float: left; } #content .videocontentdiv:nth-of-type(2n) { margin-right: 0px; } #content .videocontentdiv:nth-of-type(3n) { margin-right: 46px; } #content form { width: 418px; } #content form fieldset { width: 418px !important; } #content form fieldset legend { width: 390px; } #content form fieldset fieldset.leftright { width: 420px; } #content form fieldset fieldset.leftright legend { width: 418px; } #content form fieldset fieldset.leftright label { } #content form fieldset fieldset.leftright input[type=radio] { } #content form fieldset label { width: 418px; margin-bottom: 0px; border-bottom: none; } #content form fieldset input { width: 396px; min-height: 30px; } #content button, #content input[type=submit], #content input[type=button] { width: 186px !important; float: left; } #content input[readonly]{ margin-bottom: 14px !important; padding-left: 0px !important; } #content select.longselect, #content select.LONGSELECT /* THE UPPERCASE VERSION IS FOR SITS e:Vision */ { width: 418px; } #content form h2, #content form h3, #content form h4, #content form h5, #content form h6 { clear: both !important; } #content form .help { left: 414px; } #content form div.help:hover div { width: 160px; } /* Policy search box */ #content .fullwidthsearch form { width: 100%; } #content .fullwidthsearch form fieldset { width: 95% !important; padding: 5%; } #content .fullwidthsearch form fieldset input[type=submit] { width: 20% !important; } #content .atoz-content dt { width: 25%; } #content .atoz-content dd { width: 64%; } #content p.caption_418, #content p.caption418 { padding-right: 0px; padding-bottom: 14px; border-bottom: 1px solid #e4e4e4; background-color: #ffffff; } #content p.caption_418 img, #content p.caption418 img { margin: 0px 0px 14px 0px; } .ui-tabs .ui-tabs-panel { padding: 1em 1.4em 1em 1.4em !important; } .ui-tabs .ui-tabs-nav li a { padding: 1em 1em !important; font-size: 11px; } /* Podcasts layout */ #content .podcast h3 { width: 245px; margin-right: 0; } #content .podcast .audio, #content .podcast .video { float: left; } #content .podcast p.smalltag { width: 93%; } /* SITS paper tabs */ #content .paper_information.ui-tabs .ui-tabs-panel { padding: 14px !important; } #content .paper_information .ui-tabs-nav a { font-size: 16px; padding-left: 21px !important; padding-right: 21px !important; } .tile-box-shadow, .tile-box-shadow-description, .tile-box-shadow-thumbnail-description { margin-bottom: 23px; hyphens: auto; width: 30.6%; margin-right: 4.1%; } ul.footer_contact, .btn_slide { color: #ffffff; } footer.wrapper, div.footer_wrapper { width: 882px; padding: 0px; margin: auto; position: relative; } footer.wrapper { padding-top: 39px; } nav.global_footer { margin-right: 0; } ul#last_nav { margin-bottom: 19px; } nav.global_footer ul:last-child { margin-bottom: 50px; } ul#social_media li a { width: 140px; background: url(../assets/sprite-socialmedia-icons.png) no-repeat; border-bottom: 1px solid #eaeaea; display: block; } section.footer_bottom { margin-left: 0px; } div.error { top: 7px !important; } /* Slides Otago Profile */ #slides .otagoprofile div:nth-of-type(4n) { margin-right: 46px; } #slides .otagoprofile div:nth-of-type(3n) { margin-right: 0; } /* Error page */ body.errors #content form button.submit { width: 20% !important; } .matariki-logo, .qsstars-logo { width: 47.5%; font-size: 11px; } } /********** ENDS @media 768px - 1024px **********/ /************************************************* SMALLEST @ MEDIA / iPad portrait base width: 650px **************************************************/ @media only screen and (max-width: 768px) { #emergency { width: 768px; z-index: 99; } #emergency #emergency_inner { width: 768px; padding: 5px 0; margin: 0; } #emergency_right { display: none; } #emergency_left { margin-right: 60px; padding-left: 0; float: right; width: 441px; } #emergency.critical #emergency_inner { width: auto; } #emergency.critical { z-index: 99; } #emergency.critical #emergency_left { width: 429px; float: none; padding-right: 0; background: none; padding-left: 269px; padding-top: 10px; } #emergency.critical #emergency_left a { margin-left: 0; font-size: 13px; } #wrapper { width: 768px; } #content .grid5 { width: 650px; } #content .grid4 { width: 418px; margin: 0px; } #content .grid3 { width: 418px; margin: 0px; } div#nav_holder { width: 186px; position: absolute; left: 60px; } .topnavinner { width: 650px; } ul#breadcrumbs { display: none; } #title ul#breadcrumbs { display: block; } #globalsearch { width: 441px; } #globalsearch form input.searchinput { width: 390px; border-radius: 0px; -webkit-appearance: caret; } .titleinner { width: 441px; overflow: hidden; } .titleinner h1 { min-width: 186px !important; } #title h1 { max-width: 395px; } #contentwrapper { width: 650px; } #content { width: 418px; } #content .services ul { width: 100%; } #content .pagesubnav2 li { width: 100%; float: none; } #content form { width: 94%; margin: 0; padding: 0 } #content form fieldset, #content form fieldset fieldset, #content form fieldset fieldset.leftright { width: 100%; } #content form fieldset legend, #content form fieldset fieldset legend { width: 100%; margin-bottom: 7px !important; } #content form fieldset fieldset.leftright legend { width: 100%; } #content form fieldset input[type=text] { -webkit-appearance: none; max-width: 306px; } #content form fieldset fieldset label { margin-bottom: 0px !important; } #content form fieldset label { margin: 0 0 0px 0; } #content form fieldset select { width: 318px; } #content form fieldset table td select { width: 100%; } #content button, #content input[type=submit], #content input[type=button] { width: 45% !important; float: left; margin-bottom: 7px; } #content select.longselect, #content select.LONGSELECT /* THE UPPERCASE VERSION IS FOR SITS e:Vision */ { width: 318px; } #content .fullwidthsearch form fieldset input[type=submit] { width: 20% !important; } #content textarea { width: 306px; } #content form h2, #content form h3, #content form h4, #content form h5, #content form h6 { clear: both !important; } #content form .help { left: 335px; } #content form div.help:hover div { width: 125px; font-size: 12px; line-height: 15px; padding: 23px 3px 7px 3px; } #content form div.help:hover div p, #content form div.help:hover div li {font-size: 12px; line-height: 15px; } #content table { width: 100%; } #content article.event .eventdate { width: 418px; text-align: left; border-bottom: 1px solid #ccc; margin: 21px 0 7px 0; } #content article.event .eventdate span.month { display: none; } #content article.event .eventdate span { font-size: 24px; padding: 0 0 7px 0 !important; } #content article.event .eventdate span.day { float: left; margin-right: 0.5em; } #content article.event .eventdate span.month_m { display: inline-block; float: left; } #content article.event .insideevent { width: 418px; } #content article.event .eventdate { font-size: 14px; text-align: left; line-height: 14px; padding: 7px 10px 0px 10px; display: block; margin-bottom: 14px; clear: left; width: auto; margin-right: 24px; border-bottom: 2px solid #d4def0; border-radius: 4px; color: #9da9be; } #content article.event .eventdate span.day, #content article.event .eventdate span.month, #content article.event .eventdate span.month_m { font-size: 14px; } #content .videocontentdiv:nth-of-type(2n) { margin-right: 0; } #content .videocontentdiv:nth-of-type(3n) { margin-right: 46px; } #content .atoz-content dt { width: 25%; } #content .atoz-content dd { width: 64%; } #content p.caption_418, #content p.caption418 { padding-right: 0px; padding-bottom: 14px; border-bottom: 1px solid #e4e4e4; background-color: #ffffff; } #content p.caption_418 img, #content p.caption418 img { margin: 0px 0px 14px 0px; } /* Podcasts layout */ #content .podcast h3 { width: 245px; margin-right: 0; } #content .podcast .audio, #content .podcast .video { float: left; } #content .podcast p.smalltag { width: 93%; } .tile-box-shadow, .tile-box-shadow-description, .tile-box-shadow-thumbnail-description { margin-bottom: 23px; hyphens: auto; width: 30.6%; margin-right: 4.1%; } /* Turns on the apply now button at the top when down to one column */ #content .applynow-widget { position: relative; left: 0px; height: auto; margin-bottom: 21px; } /* Turns off the apply now button in the right hand column */ #right div.applynow { display: none; } div.error { top: 5px !important; } /* Error page */ body.errors #content { min-height: 50px;} body.errors #content form input {width: 70%;} body.errors #content form button.submit { width: 30% !important; } body.errors #content form fieldset button { margin-top: 0;} body.errors #right { border-top: none; margin-left: 0; width: 418px; background: none; padding-top: 14px; margin-left: 232px; } #right { width: 650px; margin: 0px; border-top: 2px solid #ccc; padding-top: 7px; background: none; padding-left: 0; } #right .news, #right .events { width: 650px; } #right .news article, #right .events article { width: 186px; float: left; } #right .features article { float: left; width: 186px; margin-right: 13px; } #right div.features div.shortdescription { display: block; } #right fieldset, #right .relatedinfo, #right .relatedinfo_inside, #right .search, #right .askotago, #right .registration, #right .odtnews, #right .otagochoice, #right #pagemetadata { width: 186px; float: left; margin-right: 46px; } #right div:nth-child(3) { margin-right: 0px; } #right p.disclaimer { font-size: 13px; width: 176px; position: absolute; left: 46px; top: 700px; } #right p.disclaimer:last-child { margin-top: 80px; padding-top: 10px; } #right .rightwidget { width: 186px; border-top: 1px solid #ccc; float: left; margin-right: 0px; padding: 13px 46px 0px 0px; min-height: 150px; } #right .rightwidget:nth-child(3n+3) { padding-right: 0px; } #right .rightcontentwysiwyg { overflow: hidden; } #right .rightcontentwysiwyg div { width: 186px; float: left; display: inline-block; vertical-align: top; margin: 0px 46px 13px 0px; } #right .rightcontentwysiwyg div:nth-child(2n) { } #right .relatedinfo { width: 418px; } #right .relatedinfo ul li { width: 186px; float: left; } #features { width: 650px; margin-left: 0px; } #features article { /* width: 650px; */ margin-left: 0; } #features .features { margin: 0px; } #features .news { width: 418px; float: left; margin-right: 22px; } #features .news article { width: 395px; display: block; margin-bottom: 7px; } #features .events { width: 186px; float: left; padding-top: 0px !important; padding-left: 23px; border-top: none; border-left: 1px solid #e4e4e4; } #features .events article:first-child { margin-top: 0px; padding-top: 0px; } .featurebuttons { width: 650px; padding: 0px; clear: both; } .featurebuttons article { margin-bottom: 14px; } .featurebuttons article:nth-child(3n) { margin-right: 0px; margin-bottom: 46px; } .featurebuttons article:last-child { display: block !important; margin-left: 46px; } #content #google form fieldset { padding-right: 46px; } #content #google form fieldset label { margin-bottom: 7px; } #content #google form fieldset input[type="text"] { -webkit-appearance: none; } #content #google form button.submit { margin-top: 7px; } #content #google input { width: 320px; } .ui-tabs .ui-tabs-panel { padding: 1em 1.4em 1em 1.4em !important; } .ui-tabs .ui-tabs-nav li a { padding: 1em 1em !important; font-size: 11px; } /* =footer ------------------------*/ footer.wrapper, div.footer_wrapper { width: 650px; padding: 0 23px 0 20px; margin: auto; position: relative; } footer.wrapper { padding-top: 39px; } nav.global_footer { float: left; width: 418px; margin-right: 0; } nav.global_footer ul { width: 418px; clear: both; } nav.global_footer ul li:first-child { width: 418px; } nav.global_footer ul li { float: left; width: 130px; padding: 0px 9px 3px 0px; margin-right: 0px; line-height: 14px; margin-bottom: 3px; } nav.global_footer ul:nth-child(1) { margin-bottom: 0px; } nav.global_footer ul li:nth-child(5), nav.global_footer ul li:nth-child(9), nav.global_footer ul li:nth-child(13) { margin-right: 0; } nav.global_footer ul li:first-child { width: 415px; } ul#last_nav { margin-bottom: 19px; } ul#social_media li { margin-bottom: 7px; } nav.global_footer ul:last-child { margin-bottom: 50px; } section.footer_bottom ul { margin-left: 0px; } section.footer_bottom ul li { background: none; list-style-type: none; list-style-position: inside; border-right: 1px solid #e4e4e4; padding-left: 6px; padding-right: 6px; } section.footer_bottom ul li:nth-child(7) { border-right: none; } /* Slides Otago Profile */ #slides .otagoprofile { clear: both; } #slides .otagoprofile div:nth-of-type(3n) { margin-right: 46px; } .matariki-logo, .qsstars-logo { width: 47.5%; font-size: 11px; } .matariki-logo a { height: 50px; } /* Translate */ ul.footer_contact, ul.footer_contact li, ul.footer_social_lang li, ul.footer_contact li span, section.footer_top p { font-size: 12px; } section.footer_top ul li { padding-left: 4px; padding-right: 3px; } #footer_translate { padding-right: 3px; } } /* ends media query (max-width: 768px) */ /************************************************* Deals with the frontpage button base width: < 400px **************************************************/ @media only screen and (min-width: 400px) and (max-width: 699px) { body.OTAGO_093780 div.online_registration_popup p a { padding: 2px 8px; width: 186px !important; } body.errors #right {margin-left: 0; width: 100%; } } /************************************************* PIXELRATIO @ MEDIA for retina displays **************************************************/ @media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { h1#logo a { display: block; height: 80px; width: 160px; background: url(../assets/logo@2x.png); background-size: 160px 80px; } h1#logo a img { display: none; } } /***** ICONS CSS ******/ a[href*=".pdf"], a[href*=".PDF"] { background:url(../assets/sprite-icons.gif) no-repeat -476px -128px; padding: 0 0 0 20px; } a[href*="/rss/"], a[href*=".rss"] { background: url(../assets/sprite-icons.gif) no-repeat -306px -298px; padding: 0 0 0 20px; } a[href$=".ics"], a[href*="/ics/"] { background:url(../assets/sprite-icons.gif) no-repeat -8px -597px; padding: 0 0 0 20px; } a[href*="itpc"] { background:url(../assets/sprite-icons.gif) no-repeat -597px 0px; padding: 0 0 0 20px; } a[href$=".rtf"] { background:url(../assets/sprite-icons.gif) no-repeat -348px -255px; padding: 0 0 0 20px; } a[href$=".xls"] , a[href$=".xlsx"] { background:url(../assets/sprite-icons.gif) no-repeat -221px -382px; padding: 0 0 0 20px; } a[href$=".doc"], a[href$=".dot"], a[href$=".docx"] { background:url(../assets/sprite-icons.gif) no-repeat -391px -213px; padding: 0 0 0 20px; } a[href$=".ppt"], a[href$=".pot"], a[href$=".pptx"] { background:url(../assets/sprite-icons.gif) no-repeat -136px -468px; padding: 0 0 0 20px; } a[href$=".xml"] { background:url(../assets/sprite-icons.gif) no-repeat -518px -85px; padding: 0 0 0 20px; } a[href$=".mov"] { background:url(../assets/sprite-icons.gif) no-repeat -177px -425px; padding: 0 0 0 20px; } a[href$=".avi"], a[href$=".mpg"], a[href$=".m4v"], a[href$=".wmv"], a[href$=".mp4"] { background:url(../assets/sprite-icons.gif) no-repeat -177px -425px; padding: 0 0 0 20px; } a[href$=".mp3"], a[href$=".wma"], a[href$=".wav"] { background:url(../assets/sprite-icons.gif) no-repeat -563px -43px; padding: 0 0 0 20px; } a[href$=".txt"] { background:url(../assets/sprite-icons.gif) no-repeat -436px -170px; padding: 0 0 0 20px; } a[href*="twitter.com"] { background: url(../assets/sprite-socialmedia-icons.png) no-repeat -356px 1px; padding: 2px 0 2px 20px; } a[href*="facebook.com"] { background: url(../assets/sprite-socialmedia-icons.png) no-repeat -292px -63px; padding: 2px 0 2px 20px; } a[href*="youtube.com"] { background: url(../assets/sprite-socialmedia-icons.png) no-repeat -324px -32px; padding: 2px 0 2px 20px; } a[href*="itunes.apple"] { background: url(../assets/sprite-socialmedia-icons.png) no-repeat -260px -95px; padding: 2px 0 2px 20px; } a[href*="linkedin.com"] { background: url(../assets/sprite-socialmedia-icons.png) no-repeat -196px -159px; padding: 2px 0 2px 20px; } a[href*="instagram.com"] { background: url(../assets/sprite-socialmedia-icons.png) no-repeat -356px -382px; padding: 2px 0 2px 20px; } a[href*="weibo.com"] { background: url(../assets/social-media-weibo-icon.png) no-repeat 0px 0px; padding: 2px 0 2px 20px; } a[href*="wechat.com"] { background: url(../assets/social-media-wechat-icon.png) no-repeat 0px 0px; padding: 2px 0 2px 20px; } .UserIsAdmin #content a[href*="devwww.otago.ac.nz"], .UserIsAdmin #content a[href*="devdeptcontrib.otago.ac.nz"], .UserIsAdmin #content a[href*="testwww.otago.ac.nz"], .UserIsAdmin #content a[href*="testdeptcontrib.otago.ac.nz"] { color: #ff0000; } .UserIsAdmin #content a[href*="devwww.otago.ac.nz"]:after, .UserIsAdmin #content a[href*="devdeptcontrib.otago.ac.nz"]:after, .UserIsAdmin #content a[href*="testwww.otago.ac.nz"]:after, .UserIsAdmin #content a[href*="testdeptcontrib.otago.ac.nz"]:after { content: " Linking to the wrong environment"; font-size: 11px; } /***** Hide Oracle Blue Strip *****/ body { margin-top: 0 !important; } div.wcm-contributor-banner { display: none !important; } div.wcm-region-marker { opacity: 1 !important; left: 5px !important; } /* Begin new emergency banner */ body.emergency { background-position: center 119px !important; } body.emergency #wrapper { top: 119px !important; } #emergency { width: 100%; height: 119px; background-color: #9f0a0e; position: absolute; top: 0; border-bottom: 1px solid #fff; z-index: 99; } #emergency.critical { background-color: #10428c; } #emergency #emergency_inner { font-size: 21px; line-height: 1.3; } #emergency.critical #emergency_left { font-family: 'Open Sans', Helvetica, Arial, sans-serif; background: url(../assets/emergency-icon.svg) 0 0px no-repeat; margin-left: 0; padding-right: 3%; margin-top: 10px; max-width: 100%; padding-left: 0; width: 70%; } #emergency.critical #emergency_left a { color: #d3e3ff; font-weight: 700; margin-left: 70px; min-height: 70px; text-decoration: underline; } #emergency.critical #emergency_right { float: left; padding-top: 5px; text-align: right; width: 26%; } #emergency.critical #emergency_right a { border-radius: 17px; display: inline-block; font-family: 'Open Sans'; font-size: 18px; font-weight: 700; margin-top: 10px; padding: 5px 15px; text-decoration: none; width: auto; } #emergency.critical #emergency_right a { display: none; } #emergency.critical #emergency_right a { background: #f9c000; color: #d9e7ff; border: none; box-shadow: 0px 0px 7px #1f3b64; color: #333; } #emergency.critical #emergency_right a:hover { color: #000; background-color: #ffda5c; box-shadow: 0 0 2px #333; } @media only screen and (max-width: 1500px) { .OTAGO_093780.frontpage #emergency.critical { max-width: 100%; } .OTAGO_093780.frontpage #emergency.critical #emergency_inner { margin-left: 0; padding-left: 242px; } } @media only screen and (min-width: 1024px) and (max-width: 1160px) { #emergency.critical #emergency_inner { margin: 0; } #emergency.critical #emergency_inner { padding-left: 255px; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { #emergency.critical #emergency_left { background: url(../assets/emergency-icon.svg) 304px 14px no-repeat; } #emergency.critical #emergency_left a { font-size: 21px; } /* New styles */ #emergency.critical #emergency_inner { width: 99%; padding: 5px 0; padding-left: 232px; margin-left: 0; } #emergency.critical #emergency_inner { margin: 0 auto; padding-left: 209px; width: 843px; } #emergency.critical #emergency_left { background: url(../assets/emergency-icon.svg) 0px 14px no-repeat; } #emergency.critical #emergency_inner #emergency_left a { padding-left: 0; } } @media only screen and (max-width: 768px) { #emergency.critical #emergency_left { background: url(../assets/emergency-icon.svg) 270px 14px no-repeat; } #emergency.critical #emergency_left a { font-size: 17px; } /* New styles */ #emergency.critical #emergency_inner { width: 99%; padding: 5px 0; padding-left: 232px; margin-left: 0; } #emergency.critical #emergency_left { background: url(../assets/emergency-icon.svg) 0px 14px no-repeat; } } @media only screen and (max-width: 700px) { #emergency.critical #emergency_left { background: none; } #emergency.critical #emergency_left a { margin-left: 0px; font-size: 15px !important; line-height: 1.3; } /* New styles */ .frontpage #emergency.critical #emergency_inner, .OTAGO_093780.frontpage #emergency.critical #emergency_inner { padding-left: 0; } #emergency.critical #emergency_inner #emergency_left { background: url(../assets/emergency-icon.svg) 90px 14px no-repeat; background-size: 20px 20px; box-sizing: border-box; float: none; padding-left: 120px; padding-top: 10px; width: 100%; } #emergency.critical #emergency_inner #emergency_left a { font-size: 20px !important; min-height: auto; } #emergency.critical #emergency_right { box-sizing: border-box; display: block; float: none; text-align: left; width: 100%; } #emergency.critical #emergency_right a { background: none; border: 1px solid rgba(255,255,255,0.3); color: #ffffff; font-size: 15px; margin-left: 120px; padding: 3px 10px; } } /* End new emergency banner */ #hoverzoom { img { transition: transform 0.25s ease; } img:hover { -webkit-transform: scale(1.5); /* or some other value */ transform: scale(1.5); } }