/* @override http://paul.otago.springload.co.nz/css/main.css */ /*---------------------------------------------------------------------------------------------- Site: University Of Otago File: /www/css/main.css Author: Springload - http://http://www.springload.co.nz/ 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 To use this while templating add 'hashgrid.js' to the document, then use 'G' to toggle the grid view. More information here http://hashgrid.com/ - Remove once happy with layout. /* ---------------------------------------------- 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; } /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ */ .clearall { clear: both; } /* ----------------------------------------------- 2: BASE ----------------------------------------------- */ 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 { font-style: italic; } b { font-weight: bold; } em { font-style: italic; } 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 { display: none; } .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; } .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/_gfx/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 40px; background-image: url(/_assets/_gfx/info-icon.png); background-repeat: no-repeat; background-position: 10px 18px; } .messagebox { background-color: #F1F4F8; color: #555; padding: 14px 14px 14px 40px; background-image: url(/_assets/_gfx/speech-bubble-icon.png); background-repeat: no-repeat; background-position: 7px 18px; } .messagebox.error { background: url(/_assets/_gfx/button-sprite.png) no-repeat -208px -80px #f1c5c6; border: 1px solid #e2c2c3; color: #990000 !important; font-weight: normal; } .messagebox.success { background: url(/_assets/_gfx/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; } /* ------------------------------------------- 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: 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/_gfx/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/_gfx/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: 150px; height: 18px; display: block; text-transform: uppercase; font-size: 10px; line-height: 19px; padding-left: 10px; color: #ffffff; margin-left: -2px; background: url(/_assets/_gfx/sprite-nav.png) 0 0; } 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 { margin-bottom: 6px; } div.global_nav_main ul li a.selected { font-style: italic; color: #ffcd23; } div.global_nav_main a { color: #ffffff; background: #133569; } ul.global_first ul { /* display: none; */ } div.global_nav_main a:hover { color: #ffcd23; } /* =accordion second tier ----------------------------*/ ul.global_second { margin: 6px 0 14px 14px; } /* =accordion third tier ----------------------------*/ ul.global_third { margin: 6px 0 7px 0px; } ul.global_third li { background: transparent url(/_assets/_gfx/sprite-ul-li.png) no-repeat -7px -14px; padding-left: 14px; } /* =header in nav ----------------------------*/ header#global_intro { margin: 12px 0; list-style-position: outside; } header#global_intro h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #ffffff; padding: 0; margin: 0; margin-bottom: 2px; } header#global_intro h1.global_intro_maori { color: #a9bcd9; font-size: 12px; line-height: 14px; font-style: italic;background: none; border-bottom: 1px solid #2e4b7a; padding-right: 3px; padding-bottom: 7px; margin-bottom: 7px; margin-top: 4px; } header#global_intro h1.global_intro_maori span { background: transparent url(/_assets/_gfx/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/_gfx/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: #fff; font-size: 15px; display: block; padding: 7px 0; background: url(/_assets/_gfx/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/_gfx/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/_gfx/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 #666; 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: #333333; 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 { position: absolute; top: 6px; right: 10px; display: block; width: 24px; height: 24px; text-indent: -9999px; background: url(/_assets/_gfx/sprite-nav.png) no-repeat right 0px; } section.global_mega_nav { background: url(/_assets/_gfx/flyout_right_background.png) repeat-y right 0px; background-color: #ffffff; } section.global_mega_nav h2 { font-size: 14px; width: 290px; clear: left; color: #333333; } section.global_mega_nav ul { list-style: none; color: #555555; 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: Helvetica, Arial, Geneva, sans-serif; font-size: 12px; } section.global_mega_nav ul li a { font-family: Georgia, "Times New Roman", Times, serif; } section.global_mega_nav ul li.title { font-size: 12px; color: #555555; border-bottom: 1px solid #dcdcdc; } section.global_mega_nav ul li.title a { font-size: 13px; color: #333333; } section.global_mega_nav ul li a:hover { color: #163669; text-decoration: underline; } /* flyout figures */ section.global_mega_nav figure { margin-bottom: 15px; font-size: 11px; } section.global_mega_nav figure a { color: #93b6f5; font-size: 11px; } 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: #333333; padding: 9px 9px 9px; width: 272px; display: inline-block; color: #fff; } span.nav_message { display: none; } div.mega_nav_wrapper { position: absolute; /* note: the width is set in Javascript */ width: 1px; overflow: hidden; left: 10px; } 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 li { line-height: 13px; } section.global_mega_nav div.rightmeganavlist ul li.title { text-transform: uppercase; font-family: 'Open sans', 'Gill sans', Helvetica, Arial, Geneva, sans-serif; font-weight: 300; font-size: 11px; color: #444444; padding-bottom: 0; } section.global_mega_nav div.rightmeganavlist ul li.title a { font-size: 11px; color: #444444; font-weight: 300; font-family: 'Open sans', 'Gill 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: #fff; margin-bottom: 7px; margin-top: 4px; -webkit-appearance: caret; } section.global_mega_nav div.rightmeganavlist button { width: 105px; background-color: #ddd; border: 1px solid #bbb; padding: 2px 10px; min-width: 90px; border-radius: 10px; color: #333; } section.global_mega_nav div.rightmeganavlist button:hover { background-color: #ccc; border: 1px solid #aaa; color: #000; } 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; 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: #333333; display: block; } section.global_mega_nav p.yellow-flyout-button a:hover { color: #000000; } /*** Emergency ***/ body.emergency { background-position: center 61px !important; } #emergency { width: 100%; height: 60px; background-color: #9f0a0e; position: absolute; top: 0; border-bottom: 1px solid #ffffff; z-index: 99; } #emergency.adverse { background-color: #000000; } #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: #fff; 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/_gfx/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.adverse #emergency_left a { background: url(/_assets/_gfx/emergency-weather-icon.png) no-repeat; padding-left: 38px; } #emergency_right { width: 232px; float: left; padding-top: 5px; } #emergency_right a { text-decoration: none; color: #ffffff; text-align: left; padding: 5px 10px 5px 30px; border: 2px solid #be0000; width: 186px; border-radius: 17px; background: url(/_assets/_gfx/button-sprite.png) no-repeat -305px 3px, #5e0000; } #emergency_right a:hover { background-color: #7e1010; } #emergency.adverse #emergency_right a { border: 2px solid #696969; background: url(/_assets/_gfx/button-sprite.png) no-repeat -305px 3px, #555555; } #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 { width: 100%; background: url(/_assets/_gfx/site-border-bg.png) repeat-x; height: 39px; position: relative; z-index: 99; } .topnavinner { width: 1114px; padding: 0 23px 0 23px; margin: 0 auto; } /*** GLOBAL SEARCH ***/ #globalsearch { width: 232px; float: right; height: 36px; } #globalsearch form fieldset { height: 30px; background-color: #fceebd; margin-top: 3px; } #globalsearch form label { position: absolute; left: -5000px; } #globalsearch form input.searchinput { -webkit-appearance: textfield; background-color: #fceebd; width: 186px; height: 30px; padding: 0px 5px !important; border: none; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; } #globalsearch form input.searchinput:focus { background-color: #ffffff; } #globalsearch form button { height: 30px; width: 36px; border: none; background: url(/_assets/_gfx/sprite-search.png) no-repeat 14px -54px; } #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/_gfx/button-sprite.png) no-repeat -116px -182px; } #globalsearch .logout a:hover { background: url(/_assets/_gfx/button-sprite.png) no-repeat -118px -184px #ce9f1c; padding: 4px 14px 4px 32px; color: #ffffff; border: 2px solid #BA941A; border-radius: 17px; } .ui-autocomplete { z-index: 99 !important; } /*** breadcrumbs ***/ ul#breadcrumbs { width: 650px; margin-left: 232px; list-style-type: none; font-size: 12px; line-height: 18px; } ul#breadcrumbs li { float: left; padding: 8px 2px 0px 2px; } ul#breadcrumbs li:after { content: " \203A "; } /* Unicode single right-pointing angle quotation mark */ ul#breadcrumbs li a { color: #574d2a; 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: ""; } /***** 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; } /***** 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', 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 #CFD8E6; 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 7px 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 { border-top: 1px solid #ccc; border-left: 1px solid #ccc; background-color: #f1f4f8; color: #666; border-radius: 5px; margin: 0 0 49px 0; padding: 7px 7px 7px 14px; font-size: 9px !important; color: #333333; } #content ul.pagesubnav li { padding: 0; margin: 0; list-style-position: inside; list-style-image: url(/_assets/_gfx/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 a:hover { } #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 */ .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/_gfx/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; } /* pagesubnav3 */ #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/_gfx/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; } /* pagesubnav4 */ #content ul.pagesubnav4 li { list-style-image: url(/_assets/_gfx/sprite-ul-li.png); } #content ul.pagesubnav4 li a { text-decoration: none !important; } #content ul.pagesubnav4 li a:hover { text-decoration: underline !important; } /* pagesubnav5 */ #content ul.pagesubnav5 { box-shadow: 0px 0px 4px #cccccc; 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; } /* pagesubnav6 */ #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/_gfx/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: #ffffff !important; } #content table tr.even { background-color: #ffffff !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 { border: none; } #content table.noborder tr { border: none; } #content table.noborder th { border: none; } #content table.noborder td { border: none; } #content table.border { border-right: 1px solid #ccc; } #content table.border th { border-left: 1px solid #ccc; } #content table.border td { border-left: 1px solid #ccc; } /*** 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: #f3f3f3; } /*** 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 #CFD8E6; margin: 0 0 10px 0; padding: 0 0 10px 0; } #content div.contentnav h2 { font-size: 15px; line-height: 21px; border: none; margin: 0; padding: 0; font-family: Georgia, 'Times New Roman', Times, serif; } #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: 4px; background: #f1f4f8; margin: 7px 0 35px 0; } #content .atoz a { border: 1px solid #d1d7df; background: #ffffff; padding: 3px 5px 3px 5px; font-weight: bold; display: inline-block; border-radius: 4px; margin-right: 1px; transition: all 0.2s ease-in; margin-bottom: 5px; } #content .atoz a:hover { box-shadow: 0 0 6px #d1d7df; } #content .atoz-content { } #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/_gfx/calendar-icon-grey.png) no-repeat 0px 7px; padding-left: 25px; width: 25%; } #content .atoz-content dd { width: 68%; } /**** 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; } /**** PUBLICATION FEATURE ***/ #content div.publication-feature { background-color: #f5f7fa; 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: #898989; 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 #dab01d; border-radius: 17px; background-color: #f7c71f; background-position: -470px -123px; } #content div.publication-feature a:hover { border: 2px solid #BA941A; background-color: #dab01d; color: #000000; } #content div.publication-feature a:active { border: 2px solid #dab01d; background-color: #fbd44b; color: #333333; } /*** 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: #666666; 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: 0px 25px 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: #666666; 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 { clear: both; margin: 0px 25px 10px 0px; padding: 2px; background-color: #ffffff; max-width: 226px; } #content p.caption_232 strong, #content p.caption232 strong, #content p.caption226 strong { font-weight: normal; color: #000000; } #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: #666666; 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: #666666; 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/_gfx/bg-snippets.png) repeat 0 bottom; width: 158px; margin: 0 0 14px 23px; padding: 14px 14px 28px 14px; /* Added 03/12/12 */ 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: #666666; border-bottom: 1px solid #e4e4e4; } #content p.fullwidthimage img { padding: 2px; margin: 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 { } #content article.event .eventdate { width: 70px; font-size: 32px; line-height: 12px; float: left; color: #666666; 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; } #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; } /*** FEATURE BACKGROUND COLORS ***/ /*greyblue*/ #content div.featurebox_blue { padding: 14px; margin: 14px 0px 14px 0px; background-color: #f1f4f8; } /*yellow*/ #content div.featurebox_yellow { padding: 14px; margin: 14px 0px 14px 0px; background-color: #fff7d9; } /*red*/ #content div.featurebox_red { padding: 14px; margin: 14px 0px 14px 0px; background-color: #f9d9d9; } /*green*/ #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: 10px 0 30px -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 #cccccc; border-radius: 3px 3px; } #content input.small { width: 176px; min-height: 23px; margin: 0 0 10px 0; padding: 0 5px; border: 1px solid #cccccc; } #content input[type=hidden] { position: absolute; left: -999em; } #content input[type=text] { } #content input[type=password] {} #content input[type=submit] { /*see the button declarations below*/} #content input[type=button] { /*see the button declarations below*/} #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] { color: #555555; 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: #000000; background-color: #f1f4f8; border: none; } #content select { width: 410px; height: 25px; border: 1px solid #cccccc; 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 #cccccc; 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: #444; } #content form fieldset textarea[placeholder] { font-weight: normal; } #content form fieldset p { } #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 label input[type=radio] { } #content form fieldset fieldset.leftright input[type=radio] { } #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.inputlist, #content form fieldset fieldset.inputlist { } #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 {} #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: #ffcc33 !important; color: #000000; 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/_gfx/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: #003366; 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: #000000; border: none; } #content form .answered:hover { color: #000000; } #content form p { margin-bottom: 10px; } /* Policy frontpage styles */ body.OTAGO001497 #content div.policylist { width: 302px; float: left; margin-right: 46px; } body.OTAGO001497 #content .grid_half { width: 302px; } body.OTAGO001497 #content div.policylist .contentnav p { display: none; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; border-bottom: none; } body.OTAGO001497 #content div.contentnav { border-bottom: none; margin: 0 0 0px 0; padding: 0 0 7px 0; } body.OTAGO001497 #content h2 { font-size: 22px; } body.OTAGO001497 #content div.contentnav h2 { font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; } body.OTAGO001497 #content div.contentnav h2 a { -webkit-transition: color 0.35s; transition: color 0.35s; color: #416EBF; text-decoration: none; border-bottom: 1px solid #c9dcff; } body.OTAGO001497 #content div.contentnav h2 a:hover { color: #003399; text-decoration: none; border-bottom: 1px solid #416EBF; } body.OTAGO001497 #content .grid_half ul { list-style-type: none; margin-left: 0; } body.OTAGO001497 #content .grid_half ul li { padding-bottom: 7px; } #content .fullwidthsearch form fieldset { background-color: #ecf1fa; border: 1px solid #d2dcf0; color: #999999; padding: 21px; width: 97%; border-radius: 4px; } #content .fullwidthsearch form fieldset input[type=text] { background: url(/_assets/_gfx/sprite-search.png) #ffffff no-repeat 10px -52px; color: #888888; 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: #000000; 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: #333; text-align: left; padding: 5px 10px; margin: 0 23px 23px 0; border: 2px solid #dfa000; cursor: pointer; border-radius: 17px; background: #ffcd23; } #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: #000; background: #ce9f1c; } #content button[disabled], #content input[type=submit][disabled], #content input[type=button][disabled] { color: #999; border: 2px solid #ccc; background: #ddd; } /* 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 ***/ /*** ICON NEEDS TO BE ON THE RIGHT HAND SIDE AND text aligned right ***/ #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: #333; text-align: right; padding: 5px 10px 5px 30px; border: 2px solid #dfa000; background: url(/_assets/_gfx/button-sprite.png) no-repeat -181px -121px, #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: #000; text-align: right; background: url(/_assets/_gfx/button-sprite.png) no-repeat -181px -121px, #e6ad00; } #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 { color: #999 !important; text-align: left; padding: 5px 10px 5px 30px; border: 2px solid #ccc; background: url(/_assets/_gfx/button-sprite.png) no-repeat -181px -121px, #ddd; /* Old browsers */ } /*** 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: #333; padding: 5px 10px 5px 30px; border: 2px solid #008DE5; background: url(/_assets/_gfx/button-sprite.png) no-repeat -151px -151px, #7bdafc; /* Old browsers */ } #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: #000; background: url(/_assets/_gfx/button-sprite.png) no-repeat -151px -151px, #00acfc; /* Old browsers */ } /*** 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; text-align: left; padding: 5px 10px 5px 30px; border: 2px solid #6D842D; background: url(/_assets/_gfx/button-sprite.png) no-repeat -57px -246px, #86b239; /* Old browsers */ } #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: url(/_assets/_gfx/button-sprite.png) no-repeat -57px -246px, #799933; /* Old browsers */ } /* Submit - Disabled */ #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 { color: #999 !important; text-align: left; padding: 5px 10px 5px 30px; border: 2px solid #ccc; background: url(/_assets/_gfx/button-sprite.png) no-repeat -57px -246px, #ddd; /* Old browsers */ } /*** 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: #fff; text-align: left; padding: 5px 10px 5px 30px; border: 2px solid #870000; background: url(/_assets/_gfx/button-sprite.png) no-repeat -212px -91px, #ce0407; /* Old browsers */ } #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: url(/_assets/_gfx/button-sprite.png) no-repeat -212px -91px, #A00000; /* Old browsers */ } #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 { color: #999; border: 2px solid #ccc; background: url(/_assets/_gfx/button-sprite.png) no-repeat -212px -91px, #ddd; } #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 { color: #999; border: 2px solid #ccc; background: url(/_assets/_gfx/button-sprite.png) no-repeat -212px -91px, #ddd; } /*** 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: #fff; text-align: left; padding: 5px 10px 5px 30px; border: 2px solid #316394; background: url(/_assets/_gfx/button-sprite.png) no-repeat -120px -183px, #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 { color: #fff; text-align: left; padding: 5px 10px 5px 30px; border: 2px solid #316394; background: url(/_assets/_gfx/button-sprite.png) no-repeat -120px -183px, #396ea7; } /* Save and exit - 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 { color: #999; border: 2px solid #ccc; background: url(/_assets/_gfx/button-sprite.png) no-repeat -120px -183px, #ddd; } /*** Search ***/ #content form button.search, #content form input[type=submit].search, #content form input[type=button].search, #content button#but_sch_stu { color: #333; text-align: left; padding: 5px 10px 5px 30px; border: 2px solid #ccc; background: url(/_assets/_gfx/sprite-search.png) no-repeat 6px -56px, #ccc; /* Old browsers */ } #content form button.search:hover, #content form input[type=submit].search:hover, #content form input[type=button].search:hover { color: #333; text-align: left; padding: 5px 10px 5px 30px; border: 2px solid #ccc; background: url(/_assets/_gfx/sprite-search.png) no-repeat -25px -25px, #ccc; /* Old browsers */ } /*** Next ***/ #content form button.next, #content form input[type=submit].next, #content form input[type=button].next, #content .next, #right .next { color: #333; text-align: right; padding: 5px 30px 5px 10px; border: 2px solid #dfa000; background: url(/_assets/_gfx/button-sprite.png) no-repeat -27px -121px, #ffcd23; /* Old browsers */ } /* next - hover */ #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 { color: #333; text-align: right; padding: 5px 30px 5px 10px; border: 2px solid #BA941A; background: url(/_assets/_gfx/button-sprite.png) no-repeat -27px -121px, #e6ad00; /* Old browsers */ } /* next - Disabled */ #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] { color: #999; border: 2px solid #ccc; background: url(/_assets/_gfx/button-sprite.png) no-repeat -27px -121px, #ddd; /* Old browsers */ } /*** Previous ***/ #content form button.previous, #content form input[type=submit].previous, #content form input[type=button].previous, #content .previous, #right .previous { color: #fff; text-align: left; padding: 5px 10px 5px 30px; border: 2px solid #316394; background: url(/_assets/_gfx/button-sprite.png) no-repeat -151px -151px, #387cc5; } /* Previous:hover */ #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 { color: #fff; text-align: left; padding: 5px 10px 5px 30px; border: 2px solid #316394; background: url(/_assets/_gfx/button-sprite.png) no-repeat -151px -151px, #396ea7; } /* Previous - 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] { color: #999; border: 2px solid #ccc; background: url(/_assets/_gfx/button-sprite.png) no-repeat -151px -151px, #ddd; } /*** 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: #fff; text-align: left; padding: 5px 10px 5px 30px; border: 2px solid #316394; background: url(/_assets/_gfx/button-sprite.png) no-repeat -306px -337px, #387cc5; } /* Printer:hover */ #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 { color: #fff; text-align: left; padding: 5px 10px 5px 30px; border: 2px solid #316394; background: url(/_assets/_gfx/button-sprite.png) no-repeat -306px -337px, #396ea7; } /* Printer - 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 { color: #999; border: 2px solid #ccc; background: url(/_assets/_gfx/button-sprite.png) no-repeat -306px -337px, #ddd; /* Old browsers */ } /*** 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 { color: #333; text-align: left; padding: 5px 10px 5px 30px; border: 2px solid #dfa000; background: url(/_assets/_gfx/button-sprite.png) no-repeat -88px -214px, #ffcd23; /* Old browsers */ } /* Download:hover */ #content form button.download-button:hover, #content form input[type=submit].download-button:hover, #content form input[type=button].download-button:hover { color: #000; text-align: left; padding: 5px 10px 5px 30px; border: 2px solid #BA941A; background: url(/_assets/_gfx/button-sprite.png) no-repeat -88px -214px, #e6ad00; /* Old browsers */ } /* Download - Disabled */ #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: #999; border: 2px solid #ccc; background: url(/_assets/_gfx/button-sprite.png) no-repeat -88px -214px, #ddd; /* Old browsers */ } /*** Add ***/ #content form button.add, #content form input[type=submit].add, #content form input[type=button].add, #content input[type=submit].sme_grid_add_button { color: #ffffff; text-align: left; padding: 5px 10px 5px 25px; border: 2px solid #6D842D; background: url(/_assets/_gfx/button-sprite.png) no-repeat -245px -60px, #86b239; /* Old browsers */ } /* add:hover */ #content form button.add:hover, #content form input[type=submit].add:hover, #content form input[type=button].add:hover, #content input[type=submit].sme_grid_add_button:hover { background: url(/_assets/_gfx/button-sprite.png) no-repeat -245px -60px, #799933; /* Old browsers */ } #content input[type=submit].sme_grid_add_button { font-family: Helvetica, Arial, Geneva, sans-serif; } /* Content buttons */ #content .content-button a, #content .next-step a, #right .next-step a { color: #333333; 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/_gfx/next-arrow.png) no-repeat right 6px, #ffcd23; } #content .content-button.content-next a { background: url(/_assets/_gfx/next-arrow.png) no-repeat 6px 7px, #ffcd23; padding-left: 30px; padding-right: 21px; } #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/_gfx/button-sprite.png) no-repeat -57px -244px, #86b239; border: 2px solid #6D842D; color: #ffffff; } #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/_gfx/button-sprite.png) no-repeat -151px -149px, #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/_gfx/button-sprite.png) no-repeat -213px -89px, #ce0407; color: #ffffff; } #content .content-button.content-cancel a:hover { background-color: #870000; } #content .content-button.content-cancel a:active { border: 2px solid #ce0407; } /* Podcast layout */ #content .podcast { box-shadow: 0 0 10px #e4e4e4; border-radius: 4px; 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/_gfx/expand-arrow.svg) no-repeat 3px 5px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform: all 0.2s ease-out; -ms-transform: all 0.2s ease-out; transform: all 0.2s ease-out; } .no-svg #content .podcast h3:before { background: url(/_assets/_gfx/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/_gfx/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/_gfx/audio-icon-yellow.svg) no-repeat 0px 2px; position: absolute; left: -15px; } .no-svg #content .podcast .video:before { background: url(/_assets/_gfx/video-icon-yellow.png) no-repeat 0 5px; } .no-svg #content .podcast .audio:before { background: url(/_assets/_gfx/audio-icon-yellow.png) no-repeat 0px 2px; } #content .podcast .video a, #content .podcast .audio a { display: block; font-size: 15px; } #content .podcast span.smalltag { color: #999999; font-style: normal; font-size: 11px; } #content .podcast p.smalltag { float: left; font-family: Georgia, Times New Roman, Times, serif; color: #999999; font-style: normal; width: 460px; padding-left: 18px; background: url(/_assets/_gfx/calendar-icon-grey.svg) no-repeat 0 4px; } .no-svg #content .podcast p.smalltag { background: url(/_assets/_gfx/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; } /* JWPlayer styles */ .jwcaptions div span { padding: 10px; background: rgba(0, 0, 0, 0.75) !important; border-radius: 5px; } /*** Expected button order? Back Continue Save & Exit Expected Button Order is Close, Save & Exit, Continue, Submit, Back Close must be the left button Back MUST be the right button Others interchangeable ***/ /*** 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', 'Gill Sans', 'Gill Sans MT', Helvetica, Arial, Geneva, sans-serif; font-weight: 300; font-size: 11px; line-height: 14px; color: #888; font-style: normal; text-transform: uppercase; } .news article { } .news article:hover { background-color: #F0F5FC; 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/_gfx/calendar-icon.png) no-repeat 168px 12px; } .events article:hover { background: url(/_assets/_gfx/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/_gfx/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: #333333; 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 DATALIST DL, DT DD *****/ #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: #333333; } #phonebook dt a:hover { border: none; } #phonebook dd { width: 100%; border: none; } #phonebook table { width: 100%; table-layout: fixed !important; word-wrap: break-word; } #phonebook table td span { font-style: italic; color: #666666; font-size: 0.9em; } /*********************************************************** 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-tabs div { border: 1px solid #e4e4e4; border-top: 1px solid #b6c8e7; padding: 21px; } #content .paper_information.ui-tabs div div { border: none; margin: 0; padding: 0; } #content .paper_information ul.ui-tabs-nav { background-color: #d4def0 !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: 1px solid #ffffff!important; } #content .paper_information.ui-tabs.ui-widget-content .ui-tabs-nav li { font-family: Georgia, "Times New Roman", Times, serif; margin-right: 0 !important; font-size: 16px; border-left: 1px solid #e4e4e4; 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: 1px solid #b6c8e7; } #content .paper_information .ui-tabs-nav li.ui-state-active:hover { background: #ffffff !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: #ffffff !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: #333333; } #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: Georgia, "Times New Roman", Times, serif; font-weight: normal; } #content .paperinformation dd, #content .ui-tabs dd { width: 63%; font-size: 13px; } #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 { color: #ffffff; font-size: 14px; content: "S1"; 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.S2:before { color: #ffffff; font-size: 14px; content: "S2"; 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.SS:before { color: #ffffff; font-size: 14px; content: "SS"; 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.FY:before { color: #ffffff; font-size: 14px; content: "FY"; 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.SC:before { color: #ffffff; font-size: 14px; content: "SC"; display: block; position: absolute; top: 0; left: 0; padding: 1px 5px; background: #f9c000; border-radius: 100%; height: 22px; line-height: 1.5; } /* JQuery UI overrides */ .ui-accordion .ui-accordion-header.ui-accordion-icons a { padding: 0.5em 0.5em 0.5em 1.6em; } /************************************************************ 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/_gfx/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 a { color: #426fbf; text-decoration: none; -webkit-transition: color .35s; transition: color .35s; } #right a:hover { color: #163669; } #right h2 { color: #888; text-transform: uppercase; font-size: 13px; line-height: 16px; margin: 0; padding: 7px 30px 0 0; font-family: 'Open sans', 'Gill sans', Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.05em; } #right h2 strong { font-weight: 300; color: #000000; } #right h3 { font-family: 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; border-bottom: 1px solid #ededed; } #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; border-bottom: 1px solid #ededed; } #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 #ccc; } #right legend { font-family: 'Open sans', 'Gill sans', 'Gill Sans MT', Helvetica, Arial, Helvetica, 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: #fff; border: 1px solid #ccc; margin-bottom: 7px; margin-top: 4px; } #right textarea { background-color: #fff; 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: #ddd; border: 1px solid #bbb; 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 #ededed; } #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/_gfx/sprite-widget.png); background-repeat: no-repeat; background-position: -68px -223px; } #right .accommodation:hover h2 { background-image: url(/_assets/_gfx/sprite-widget-hover.png); background-repeat: no-repeat; background-position: -68px -223px; } /*** APPLY NOW ***/ /* Apply now in the content */ #content .applynow-widget { position: relative; left: -9999em; height: 0px; } #content .applynow-widget a.applynow, #content .applynow-widget a.applynow-single { background: #f9c822 url(/_assets/_gfx/button-sprite.png) no-repeat -57px -247px !important; border: 2px solid #d8ae1e; position: relative; margin-top: 4px; padding-top: 4px; padding-left: 30px; padding-bottom: 4px; font-size: 13px; max-width: 186px; min-height: 246px; font-family: Georgia, "Times New Roman", Times, serif !important; cursor: pointer; } #content .applynow-widget a.applynow:hover, #content .applynow-widget a.applynow-single:hover { background-color: #f0c121 !important; } #content .applynow-widget a.applynow:active, #content .applynow-widget a.applynow-single:active { background-color: #ffd443 !important; } #content .applynow-widget ul:before { background: url(/_assets/_gfx/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 h2 { margin-bottom: 14px; } #right div.applynow a.applynow, #right div.applynow a.applynow-single { background: #f9c822 url(/_assets/_gfx/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: #f0c121 !important; } #right div.applynow a:active.applynow, #right div.applynow a:active.applynow-single { background-color: #ffd443 !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/_gfx/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; } #right div.applynow ul li a { } #right div.applynow ul li a:hover {} /*** askotago ***/ #right .askotago h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(/_assets/_gfx/sprite-widget.png); background-repeat: no-repeat; background-position: -847px -1016px; } #right .askotago:hover h2 { background-image: url(/_assets/_gfx/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/_gfx/sprite-widget.png); background-repeat: no-repeat; background-position: -628px -792px; } #right .calendar:hover { background-image: url(/_assets/_gfx/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/_gfx/sprite-widget.png); background-repeat: no-repeat; background-position: -628px -792px; } #right .events article:hover { background-image: url(/_assets/_gfx/sprite-widget-hover.png); background-repeat: no-repeat; background-position: -628px -792px; } #right .events article h3 { padding-bottom: 5px; } /*** chat ***/ #right .chat { margin-top: 5px; padding-bottom: 4px; background-image: url(/_assets/_gfx/sprite-widget.png); background-repeat: no-repeat; background-position: -355px -505px; } #right .chat:hover { background-image: url(/_assets/_gfx/sprite-widget-hover.png); background-repeat: no-repeat; background-position: -355px -505px; } /*** downloads ***/ #right .downloads h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(/_assets/_gfx/sprite-widget.png); background-repeat: no-repeat; background-position: -686px -848px; } #right .downloads:hover h2 { background-image: url(/_assets/_gfx/sprite-widget-hover.png); background-repeat: no-repeat; background-position: -686px -848px; } /*** features ***/ #right .features h2, #right .odtnews h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(/_assets/_gfx/sprite-widget.png); background-repeat: no-repeat; background-position: -181px -336px; } #right .features:hover h2, #right .odtnews:hover h2 { background-image: url(/_assets/_gfx/sprite-widget-hover.png); background-repeat: no-repeat; background-position: -181px -336px; } /*** itunesu ***/ #right .itunesu h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(/_assets/_gfx/sprite-widget.png); background-repeat: no-repeat; background-position: 110px -55px; } #right .itunesu:hover h2 { background-image: url(/_assets/_gfx/sprite-widget-hover.png); background-repeat: no-repeat; background-position: 110px -55px; } /*** onlineapps ***/ #right .onlineapps h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(/_assets/_gfx/sprite-widget.png); background-repeat: no-repeat; background-position: -800px -962px; } #right .onlineapps:hover h2 { background-image: url(/_assets/_gfx/sprite-widget-hover.png); background-repeat: no-repeat; background-position: -800px -962px; } /*** otagochoice ***/ #right .otagochoice h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(/_assets/_gfx/sprite-widget.png); background-repeat: no-repeat; background-position: -295px -448px; } #right .otagochoice:hover h2 { background-image: url(/_assets/_gfx/sprite-widget-hover.png); background-repeat: no-repeat; background-position: -295px -448px; } /*** 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/_gfx/sprite-widget.png); background-repeat: no-repeat; background-position: -3px -166px; margin-bottom: 7px; } #right .otagoprofile:hover h2 { background-image: url(/_assets/_gfx/sprite-widget-hover.png); background-repeat: no-repeat; background-position: -3px -166px; } /*** publication ***/ #right .publication h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(/_assets/_gfx/sprite-widget.png); background-repeat: no-repeat; background-position: -232px -397px; } #right .publication:hover h2 { background-image: url(/_assets/_gfx/sprite-widget-hover.png); background-repeat: no-repeat; background-position: -232px -397px; } /*** quicklinks ***/ #right .quicklinks h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(/_assets/_gfx/sprite-widget.png); background-repeat: no-repeat; background-position: -408px -566px; } #right .quicklinks:hover h2 { background-image: url(/_assets/_gfx/sprite-widget-hover.png); background-repeat: no-repeat; background-position: -408px -566px; } /*** registration ***/ #right .registration h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(/_assets/_gfx/sprite-widget.png); background-repeat: no-repeat; background-position: 164px 0px; } #right .registration:hover h2 { background-image: url(/_assets/_gfx/sprite-widget-hover.png); background-repeat: no-repeat; background-position: 164px 0px; } /*** relatedinfo ***/ #right .relatedinfo h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(/_assets/_gfx/sprite-widget.png); background-repeat: no-repeat; background-position: 50px -112px; } #right .relatedinfo:hover h2 { background-image: url(/_assets/_gfx/sprite-widget-hover.png); background-repeat: no-repeat; background-position: 50px -112px; } /*** search ***/ #right .search h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(/_assets/_gfx/sprite-widget.png); background-repeat: no-repeat; background-position: -570px -733px; padding-bottom: 5px; } #right .search:hover h2 { background-image: url(/_assets/_gfx/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/_gfx/sprite-widget.png); background-repeat: no-repeat; background-position: 103px -1063px; } #right .shoppingcart:hover h2 { background-image: url(/_assets/_gfx/sprite-widget-hover.png); background-repeat: no-repeat; background-position: 103px -1063px; } /*** summerschool ***/ #right .summerschool h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(/_assets/_gfx/sprite-widget.png); background-repeat: no-repeat; background-position: -120px -280px; } #right .summerschool:hover h2 { background-image: url(/_assets/_gfx/sprite-widget-hover.png); background-repeat: no-repeat; background-position: -120px -280px; } /*** toolkit ***/ #right .toolkit h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(/_assets/_gfx/sprite-widget.png); background-repeat: no-repeat; background-position: -743px -903px; } #right .toolkit:hover h2 { background-image: url(/_assets/_gfx/sprite-widget-hover.png); background-repeat: no-repeat; background-position: -743px -903px; } /*** video ***/ #right .video h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(/_assets/_gfx/sprite-widget.png); background-repeat: no-repeat; background-position: -465px -620px; } #right .video:hover h2 { background-image: url(/_assets/_gfx/sprite-widget-hover.png); background-repeat: no-repeat; background-position: -465px -620px; } /*** e:Vision ***/ #right .evision-widget h2 { margin-top: 5px; padding-bottom: 4px; background: url(/_assets/_gfx/evision-icon.png) no-repeat right 3px; } /*** weather ***/ #right div.weather { } #right div.weather h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(/_assets/_gfx/sprite-widget.png); background-repeat: no-repeat; background-position: 160px -1017px; } #right div.weather:hover h2 { background-image: url(/_assets/_gfx/sprite-widget-hover.png); background-repeat: no-repeat; background-position: 160px -1021px; } #right div.weather div table { } #right div.weather table tbody { display: none; } #right div.weather table tr { } #right div.weather table th { } #right div.weather table td { } #right div.weather p { margin: 0 0 7px 0; padding: 0; border: none; } #right div.forecast { color: #333333; 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, 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: #333333; } #right .action-button.yellow a:hover { background: #dfa000; color: #333333; border: 1px solid #dfa000; } #right .action-button.yellow a:active { background: #ffd031; color: #333333; 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 #cccccc; color: #444444; } #right .action-button.grey a:hover { background: #999999; border: 1px solid #cccccc; color: #ffffff; } #right .action-button.grey a:active { background: #aaaaaa; border: 1px solid #cccccc; 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/_gfx/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/_gfx/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 { } #right div.chch-earthquake h2 { margin-top: 5px; padding-bottom: 4px; background-image: url(/_assets/_gfx/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/_gfx/sprite-earthquake-icon.png); background-repeat: no-repeat; background-position: 124px -36px; } #right div.chch-earthquake p { } #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 #EBBB16; display: inline-block; border-radius: 17px; } #right div.chch-earthquake p a:hover { color: #000; text-decoration: none; border: 2px solid #D8AE1E; background-color: #EBBB16; } /*************************************************** FOOTER ***************************************************/ div#footer_bg { margin-top: 14px; background: url(/_assets/_gfx/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: #666666; background-image: url(/_assets/_gfx/kowhaiwhai-head.png); background-repeat: no-repeat; padding-top: 39px; } footer p, footer ul { font-family: 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, ul.footer_social_lang li span { font-family: Georgia,"Times New Roman",Times,serif; font-size: 13px; } section.footer_top ul li { padding: 8px 8px; background: url(/_assets/_gfx/bg-footer-li.png) no-repeat right 0; } /* =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: #333333; margin-bottom: 10px; background: #f7f7f7; border: 2px solid #fff; box-shadow: 0px 0px 4px #c9c9c9; /* Opera 10.5, IE9, Chrome 10+ */ 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: #333333; 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: #333333; background: none; } ul.sm_share li a { padding: 5px 0 6px 22px ; background: url(/_assets/_gfx/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 #888888; } 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 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: #666666; 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: #333333; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 4px; background: url(/_assets/_gfx/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: 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: #666666; 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: #333333; font-size: 13px; background-color: #f5f5f5; padding-right: 2px; } div#footer_bg:hover nav.global_footer a { color: #555555; } div#footer_bg:hover nav.global_footer ul li a:hover { color: #333333; border-bottom: 1px solid #666666; } nav.global_footer ul:nth-of-type(4n+4) { margin-right: 0; } ul#last_nav { margin-bottom: 50px; } section.footer_bottom { background: #fff; 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/_gfx/bg-footer-li-2.png) no-repeat right 0; } section.footer_bottom ul li a { color: #666666; 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) { /* Emergency */ body.emergency { } /* =social media bookmark ----------------------------*/ ul#social_media { position: absolute; right: 17px; top: -13px; height: 200px; width: 162px; padding: 40px 15px 20px 15px; background: url(/_assets/_gfx/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/_gfx/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 #888888; } } /************************************************* 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 */ body.emergency { } #emergency #emergency_inner { width: auto; padding: 5px 0; } #emergency_right { display: none; } #emergency.critical { z-index: 99; } #emergency.critical #emergency_left { background: url(/_assets/_gfx/button-sprite.png) no-repeat -9px 0px; padding-left: 278px; } #emergency.critical #emergency_left a { padding-left: 24px; padding-top: 4px; font-size: 13px; } /* End Emergency */ 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; } /* AtoZ */ #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: 247px; margin-right: 0; } #content .podcast .audio, #content .podcast .video { float: left; } /* 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; } 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/_gfx/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; } } /********** ENDS @media 768px - 1024px **********/ /************************************************* SMALLEST @ MEDIA / iPad portrait base width: 650px **************************************************/ @media only screen and (max-width: 768px) { /* Emergency */ body.emergency { } #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; } /* End Emergency */ #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; } #globalsearch { width: 441px; } #globalsearch form input.searchinput { width: 390px; border-radius: 0px; -webkit-appearance: caret; } .titleinner { width: 441px; overflow: hidden; } .titleinner h1 { max-width: 395px !important; min-width: 186px !important; } #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; } /* AtoZ */ #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: 247px; margin-right: 0; } #content .podcast .audio, #content .podcast .video { float: left; } /* 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; } #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 { /*background: #fff url(/_assets/_gfx/bg-htag-1px-grey.png) no-repeat 0 50%;*/ } 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; } } /* 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; } } /************************************************* 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/_gfx/logo@2x.png); background-size: 160px 80px; } h1#logo a img { display: none; } } /***** ICONS CSS ******/ a[href*=".pdf"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -476px -128px; padding: 1px 0 1px 20px; } a[href*=".PDF"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -476px -128px; padding: 0 0 0 20px; } a[href*="/rss/"] { background: url(/_assets/_gfx/sprite-icons.gif) no-repeat -306px -298px; padding: 0 0 0 20px; } a[href*=".rss"] { background: url(/_assets/_gfx/sprite-icons.gif) no-repeat -306px -298px; padding: 0 0 0 20px; } a[href$=".ics"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -8px -597px; padding: 0 0 0 20px; } a[href*="/ics/"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -8px -597px; padding: 0 0 0 20px; } a[href*="itpc"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -597px 0px; padding: 0 0 0 20px; } a[href$=".rtf"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -348px -255px; padding: 0 0 0 20px; } a[href$=".xls"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -221px -382px; padding: 0 0 0 20px; } a[href$=".xlsx"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -221px -382px; padding: 0 0 0 20px; } a[href$=".doc"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -391px -213px; padding: 0 0 0 20px; } a[href$=".dot"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -391px -213px; padding: 0 0 0 20px; } a[href$=".docx"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -391px -213px; padding: 0 0 0 20px; } a[href$=".ppt"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -136px -468px; padding: 0 0 0 20px; } a[href$=".pot"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -136px -468px; padding: 0 0 0 20px; } a[href$=".pptx"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -136px -468px; padding: 0 0 0 20px; } a[href$=".xml"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -518px -85px; padding: 0 0 0 20px; } a[href$=".mov"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -177px -425px; padding: 0 0 0 20px; } a[href$=".avi"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -177px -425px; padding: 0 0 0 20px; } a[href$=".mpg"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -177px -425px; padding: 0 0 0 20px; } a[href$=".m4v"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -177px -425px; padding: 0 0 0 20px; } a[href$=".wmv"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -177px -425px; padding: 0 0 0 20px; } a[href$=".mp4"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -177px -425px; padding: 0 0 0 20px; } a[href$=".mp3"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -563px -43px; padding: 0 0 0 20px; } a[href$=".wma"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -563px -43px; padding: 0 0 0 20px; } a[href$=".wav"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -563px -43px; padding: 0 0 0 20px; } a[href$=".txt"] { background:url(/_assets/_gfx/sprite-icons.gif) no-repeat -436px -170px; padding: 0 0 0 20px; } a[href*="twitter.com"] { background: url(/_assets/_gfx/sprite-socialmedia-icons.png) no-repeat -356px 1px; padding: 2px 0 2px 20px; } a[href*="facebook.com"] { background: url(/_assets/_gfx/sprite-socialmedia-icons.png) no-repeat -292px -63px; padding: 2px 0 2px 20px; } a[href*="youtube.com"] { background: url(/_assets/_gfx/sprite-socialmedia-icons.png) no-repeat -324px -32px; padding: 2px 0 2px 20px; } a[href*="deimos.apple"] { background: url(/_assets/_gfx/sprite-socialmedia-icons.png) no-repeat -260px -95px; padding: 2px 0 2px 20px; } a[href*="linkedin.com"] { background: url(/_assets/_gfx/sprite-socialmedia-icons.png) no-repeat -196px -159px; padding: 2px 0 2px 20px; } a[href*="instagram.com"] { background: url(/_assets/_gfx/sprite-socialmedia-icons.png) no-repeat -356px -382px; padding: 2px 0 2px 20px; } /***** 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; }