CINXE.COM

<html> <head> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Expires" content="-1"> <title>DM WebPay</title> <head> <link rel=StyleSheet href="/webdeposit/?css" type="text/css"> <script src="/webdeposit/?js" type="text/javascript"></script> <script> function NewUser() { XMLHttpGetNext(document.ThisForm,"newuser=1"); window.location.reload(true); } function Forgot() { XMLHttpGetNext(document.ThisForm,"forgot=1"); window.location.reload(true); } function ValidateForm() { if (document.ThisForm.UserName.value=="") { document.ThisForm.UserName.focus(); return false; } if (document.ThisForm.Password.value=="") { document.ThisForm.Password.focus(); return false; } document.getElementById("Login").disabled = true; statusText=XMLHttpPostForm(document.ThisForm); if (statusText == 'OK') window.location.reload(true); else { document.getElementById('Message').innerHTML = statusText; document.ThisForm.Password.focus(); document.getElementById("Login").disabled = false; } return false; } function MakeCreateLink() { if (allowAccountCreation) { document.write("<a href=\"javascript:NewUser()\">Create account</a>"); document.write("      |      <a href=\"javascript:Forgot()\">Forgot username/password</a>"); //document.write("<tr><td class=\"spacer\" colspan=2> </td></tr>"); } } function InitForm() { } </script> <style> @charset "UTF-8";/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */button,img,legend{border:0}body,button,legend{padding:0}.row.collapse>.column,.row.collapse>.columns,.row.small-collapse>.column,.row.small-collapse>.columns{padding-left:0;padding-right:0}.button.dropdown::after,.small-pull-1,.small-pull-10,.small-pull-11,.small-pull-2,.small-pull-3,.small-pull-4,.small-pull-5,.small-pull-6,.small-pull-7,.small-pull-8,.small-pull-9,.small-push-1,.small-push-10,.small-push-11,.small-push-2,.small-push-3,.small-push-4,.small-push-5,.small-push-7,.small-push-8,.small-push-9,sub,sup{position:relative}h1,h2,h3,h4,h5,h6,p{text-rendering:optimizeLegibility}.dropdown-pane,.invisible{visibility:hidden}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}.button,img{vertical-align:middle}sup{top:-.5em}sub{bottom:-.25em}.orbit-caption,.sticky.is-anchored.is-at-bottom,.sticky.is-stuck.is-at-bottom{bottom:0}img{max-width:100%;height:auto;-ms-interpolation-mode:bicubic;display:inline-block}svg:not(:root){overflow:hidden}figure{margin:1em 40px}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}a,b,em,i,small,strong{line-height:inherit}dl,ol,p,ul{line-height:1.6}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.foundation-mq{font-family:"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"}body,h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-weight:400}body,html{font-size:100%;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:0;line-height:1.5;color:#0a0a0a;background:#fefefe;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}select{width:100%}#map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object{max-width:none!important}button{overflow:visible;-webkit-appearance:none;-moz-appearance:none;background:0 0;border-radius:0;line-height:1}.row{max-width:75rem;margin-left:auto;margin-right:auto}.row::after,.row::before{content:' ';display:table}.row::after{clear:both}.row .row{margin-left:-.9375rem;margin-right:-.9375rem}.row .row.collapse{margin-left:0;margin-right:0}.row.small-uncollapse>.column,.row.small-uncollapse>.columns{padding-left:30px;padding-right:30px}@media screen and (min-width:40em){.row.medium-collapse>.column,.row.medium-collapse>.columns{padding-left:0;padding-right:0}.row.medium-uncollapse>.column,.row.medium-uncollapse>.columns{padding-left:30px;padding-right:30px}}@media screen and (min-width:64em){.row.large-collapse>.column,.row.large-collapse>.columns{padding-left:0;padding-right:0}.row.large-uncollapse>.column,.row.large-uncollapse>.columns{padding-left:30px;padding-right:30px}}.row.expanded{max-width:none}.column,.columns{width:100%;float:left;padding-left:.9375rem;padding-right:.9375rem}.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:right}.column.end:last-child:last-child,.end.columns:last-child:last-child{float:left}.column.row.row,.row.row.columns{float:none}.row .column.row.row,.row .row.row.columns{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.small-1{width:8.33333%}.small-push-1{left:8.33333%}.small-pull-1{left:-8.33333%}.small-offset-0{margin-left:0}.small-2{width:16.66667%}.small-push-2{left:16.66667%}.small-pull-2{left:-16.66667%}.small-offset-1{margin-left:8.33333%}.small-3{width:25%}.small-push-3{left:25%}.small-pull-3{left:-25%}.small-offset-2{margin-left:16.66667%}.small-4{width:33.33333%}.small-push-4{left:33.33333%}.small-pull-4{left:-33.33333%}.small-offset-3{margin-left:25%}.small-5{width:41.66667%}.small-push-5{left:41.66667%}.small-pull-5{left:-41.66667%}.small-offset-4{margin-left:33.33333%}.small-6{width:50%}.small-push-6{position:relative;left:50%}.small-pull-6{left:-50%}.small-offset-5{margin-left:41.66667%}.small-7{width:58.33333%}.small-push-7{left:58.33333%}.small-pull-7{left:-58.33333%}.small-offset-6{margin-left:50%}.small-8{width:66.66667%}.small-push-8{left:66.66667%}.small-pull-8{left:-66.66667%}.small-offset-7{margin-left:58.33333%}.small-9{width:75%}.small-push-9{left:75%}.small-pull-9{left:-75%}.small-offset-8{margin-left:66.66667%}.small-10{width:83.33333%}.small-push-10{left:83.33333%}.small-pull-10{left:-83.33333%}.small-offset-9{margin-left:75%}.small-11{width:91.66667%}.small-push-11{left:91.66667%}.small-pull-11{left:-91.66667%}.small-offset-10{margin-left:83.33333%}.small-12{width:100%}.small-offset-11{margin-left:91.66667%}.small-up-1>.column,.small-up-1>.columns{width:100%;float:left}.small-up-1>.column:nth-of-type(1n),.small-up-1>.columns:nth-of-type(1n){clear:none}.small-up-1>.column:nth-of-type(1n+1),.small-up-1>.columns:nth-of-type(1n+1){clear:both}.small-up-1>.column:last-child,.small-up-1>.columns:last-child{float:left}.small-up-2>.column,.small-up-2>.columns{width:50%;float:left}.small-up-2>.column:nth-of-type(1n),.small-up-2>.columns:nth-of-type(1n){clear:none}.small-up-2>.column:nth-of-type(2n+1),.small-up-2>.columns:nth-of-type(2n+1){clear:both}.small-up-2>.column:last-child,.small-up-2>.columns:last-child{float:left}.small-up-3>.column,.small-up-3>.columns{width:33.33333%;float:left}.small-up-3>.column:nth-of-type(1n),.small-up-3>.columns:nth-of-type(1n){clear:none}.small-up-3>.column:nth-of-type(3n+1),.small-up-3>.columns:nth-of-type(3n+1){clear:both}.small-up-3>.column:last-child,.small-up-3>.columns:last-child{float:left}.small-up-4>.column,.small-up-4>.columns{width:25%;float:left}.small-up-4>.column:nth-of-type(1n),.small-up-4>.columns:nth-of-type(1n){clear:none}.small-up-4>.column:nth-of-type(4n+1),.small-up-4>.columns:nth-of-type(4n+1){clear:both}.small-up-4>.column:last-child,.small-up-4>.columns:last-child{float:left}.small-up-5>.column,.small-up-5>.columns{width:20%;float:left}.small-up-5>.column:nth-of-type(1n),.small-up-5>.columns:nth-of-type(1n){clear:none}.small-up-5>.column:nth-of-type(5n+1),.small-up-5>.columns:nth-of-type(5n+1){clear:both}.small-up-5>.column:last-child,.small-up-5>.columns:last-child{float:left}.small-up-6>.column,.small-up-6>.columns{width:16.66667%;float:left}.small-up-6>.column:nth-of-type(1n),.small-up-6>.columns:nth-of-type(1n){clear:none}.small-up-6>.column:nth-of-type(6n+1),.small-up-6>.columns:nth-of-type(6n+1){clear:both}.small-up-6>.column:last-child,.small-up-6>.columns:last-child{float:left}.small-up-7>.column,.small-up-7>.columns{width:14.28571%;float:left}.small-up-7>.column:nth-of-type(1n),.small-up-7>.columns:nth-of-type(1n){clear:none}.small-up-7>.column:nth-of-type(7n+1),.small-up-7>.columns:nth-of-type(7n+1){clear:both}.small-up-7>.column:last-child,.small-up-7>.columns:last-child{float:left}.small-up-8>.column,.small-up-8>.columns{width:12.5%;float:left}.small-up-8>.column:nth-of-type(1n),.small-up-8>.columns:nth-of-type(1n){clear:none}.small-up-8>.column:nth-of-type(8n+1),.small-up-8>.columns:nth-of-type(8n+1){clear:both}.small-up-8>.column:last-child,.small-up-8>.columns:last-child{float:left}.column.small-centered,.small-centered.columns{float:none;margin-left:auto;margin-right:auto}.small-pull-0,.small-push-0,.small-uncenter{position:static;margin-left:0;margin-right:0}@media screen and (min-width:40em){.medium-pull-1,.medium-pull-10,.medium-pull-11,.medium-pull-2,.medium-pull-3,.medium-pull-4,.medium-pull-5,.medium-pull-6,.medium-pull-7,.medium-pull-8,.medium-pull-9,.medium-push-1,.medium-push-10,.medium-push-11,.medium-push-2,.medium-push-3,.medium-push-4,.medium-push-5,.medium-push-7,.medium-push-8,.medium-push-9{position:relative}.medium-1{width:8.33333%}.medium-push-1{left:8.33333%}.medium-pull-1{left:-8.33333%}.medium-offset-0{margin-left:0}.medium-2{width:16.66667%}.medium-push-2{left:16.66667%}.medium-pull-2{left:-16.66667%}.medium-offset-1{margin-left:8.33333%}.medium-3{width:25%}.medium-push-3{left:25%}.medium-pull-3{left:-25%}.medium-offset-2{margin-left:16.66667%}.medium-4{width:33.33333%}.medium-push-4{left:33.33333%}.medium-pull-4{left:-33.33333%}.medium-offset-3{margin-left:25%}.medium-5{width:41.66667%}.medium-push-5{left:41.66667%}.medium-pull-5{left:-41.66667%}.medium-offset-4{margin-left:33.33333%}.medium-6{width:50%}.medium-push-6{position:relative;left:50%}.medium-pull-6{left:-50%}.medium-offset-5{margin-left:41.66667%}.medium-7{width:58.33333%}.medium-push-7{left:58.33333%}.medium-pull-7{left:-58.33333%}.medium-offset-6{margin-left:50%}.medium-8{width:66.66667%}.medium-push-8{left:66.66667%}.medium-pull-8{left:-66.66667%}.medium-offset-7{margin-left:58.33333%}.medium-9{width:75%}.medium-push-9{left:75%}.medium-pull-9{left:-75%}.medium-offset-8{margin-left:66.66667%}.medium-10{width:83.33333%}.medium-push-10{left:83.33333%}.medium-pull-10{left:-83.33333%}.medium-offset-9{margin-left:75%}.medium-11{width:91.66667%}.medium-push-11{left:91.66667%}.medium-pull-11{left:-91.66667%}.medium-offset-10{margin-left:83.33333%}.medium-12{width:100%}.medium-offset-11{margin-left:91.66667%}.medium-up-1>.column,.medium-up-1>.columns{width:100%;float:left}.medium-up-1>.column:nth-of-type(1n),.medium-up-1>.columns:nth-of-type(1n){clear:none}.medium-up-1>.column:nth-of-type(1n+1),.medium-up-1>.columns:nth-of-type(1n+1){clear:both}.medium-up-1>.column:last-child,.medium-up-1>.columns:last-child{float:left}.medium-up-2>.column,.medium-up-2>.columns{width:50%;float:left}.medium-up-2>.column:nth-of-type(1n),.medium-up-2>.columns:nth-of-type(1n){clear:none}.medium-up-2>.column:nth-of-type(2n+1),.medium-up-2>.columns:nth-of-type(2n+1){clear:both}.medium-up-2>.column:last-child,.medium-up-2>.columns:last-child{float:left}.medium-up-3>.column,.medium-up-3>.columns{width:33.33333%;float:left}.medium-up-3>.column:nth-of-type(1n),.medium-up-3>.columns:nth-of-type(1n){clear:none}.medium-up-3>.column:nth-of-type(3n+1),.medium-up-3>.columns:nth-of-type(3n+1){clear:both}.medium-up-3>.column:last-child,.medium-up-3>.columns:last-child{float:left}.medium-up-4>.column,.medium-up-4>.columns{width:25%;float:left}.medium-up-4>.column:nth-of-type(1n),.medium-up-4>.columns:nth-of-type(1n){clear:none}.medium-up-4>.column:nth-of-type(4n+1),.medium-up-4>.columns:nth-of-type(4n+1){clear:both}.medium-up-4>.column:last-child,.medium-up-4>.columns:last-child{float:left}.medium-up-5>.column,.medium-up-5>.columns{width:20%;float:left}.medium-up-5>.column:nth-of-type(1n),.medium-up-5>.columns:nth-of-type(1n){clear:none}.medium-up-5>.column:nth-of-type(5n+1),.medium-up-5>.columns:nth-of-type(5n+1){clear:both}.medium-up-5>.column:last-child,.medium-up-5>.columns:last-child{float:left}.medium-up-6>.column,.medium-up-6>.columns{width:16.66667%;float:left}.medium-up-6>.column:nth-of-type(1n),.medium-up-6>.columns:nth-of-type(1n){clear:none}.medium-up-6>.column:nth-of-type(6n+1),.medium-up-6>.columns:nth-of-type(6n+1){clear:both}.medium-up-6>.column:last-child,.medium-up-6>.columns:last-child{float:left}.medium-up-7>.column,.medium-up-7>.columns{width:14.28571%;float:left}.medium-up-7>.column:nth-of-type(1n),.medium-up-7>.columns:nth-of-type(1n){clear:none}.medium-up-7>.column:nth-of-type(7n+1),.medium-up-7>.columns:nth-of-type(7n+1){clear:both}.medium-up-7>.column:last-child,.medium-up-7>.columns:last-child{float:left}.medium-up-8>.column,.medium-up-8>.columns{width:12.5%;float:left}.medium-up-8>.column:nth-of-type(1n),.medium-up-8>.columns:nth-of-type(1n){clear:none}.medium-up-8>.column:nth-of-type(8n+1),.medium-up-8>.columns:nth-of-type(8n+1){clear:both}.medium-up-8>.column:last-child,.medium-up-8>.columns:last-child{float:left}.column.medium-centered,.medium-centered.columns{float:none;margin-left:auto;margin-right:auto}.medium-pull-0,.medium-push-0,.medium-uncenter{position:static;margin-left:0;margin-right:0}}@media screen and (min-width:64em){.large-pull-1,.large-pull-10,.large-pull-11,.large-pull-2,.large-pull-3,.large-pull-4,.large-pull-5,.large-pull-6,.large-pull-7,.large-pull-8,.large-pull-9,.large-push-1,.large-push-10,.large-push-11,.large-push-2,.large-push-3,.large-push-4,.large-push-5,.large-push-7,.large-push-8,.large-push-9{position:relative}.large-1{width:8.33333%}.large-push-1{left:8.33333%}.large-pull-1{left:-8.33333%}.large-offset-0{margin-left:0}.large-2{width:16.66667%}.large-push-2{left:16.66667%}.large-pull-2{left:-16.66667%}.large-offset-1{margin-left:8.33333%}.large-3{width:25%}.large-push-3{left:25%}.large-pull-3{left:-25%}.large-offset-2{margin-left:16.66667%}.large-4{width:33.33333%}.large-push-4{left:33.33333%}.large-pull-4{left:-33.33333%}.large-offset-3{margin-left:25%}.large-5{width:41.66667%}.large-push-5{left:41.66667%}.large-pull-5{left:-41.66667%}.large-offset-4{margin-left:33.33333%}.large-6{width:50%}.large-push-6{position:relative;left:50%}.large-pull-6{left:-50%}.large-offset-5{margin-left:41.66667%}.large-7{width:58.33333%}.large-push-7{left:58.33333%}.large-pull-7{left:-58.33333%}.large-offset-6{margin-left:50%}.large-8{width:66.66667%}.large-push-8{left:66.66667%}.large-pull-8{left:-66.66667%}.large-offset-7{margin-left:58.33333%}.large-9{width:75%}.large-push-9{left:75%}.large-pull-9{left:-75%}.large-offset-8{margin-left:66.66667%}.large-10{width:83.33333%}.large-push-10{left:83.33333%}.large-pull-10{left:-83.33333%}.large-offset-9{margin-left:75%}.large-11{width:91.66667%}.large-push-11{left:91.66667%}.large-pull-11{left:-91.66667%}.large-offset-10{margin-left:83.33333%}.large-12{width:100%}.large-offset-11{margin-left:91.66667%}.large-up-1>.column,.large-up-1>.columns{width:100%;float:left}.large-up-1>.column:nth-of-type(1n),.large-up-1>.columns:nth-of-type(1n){clear:none}.large-up-1>.column:nth-of-type(1n+1),.large-up-1>.columns:nth-of-type(1n+1){clear:both}.large-up-1>.column:last-child,.large-up-1>.columns:last-child{float:left}.large-up-2>.column,.large-up-2>.columns{width:50%;float:left}.large-up-2>.column:nth-of-type(1n),.large-up-2>.columns:nth-of-type(1n){clear:none}.large-up-2>.column:nth-of-type(2n+1),.large-up-2>.columns:nth-of-type(2n+1){clear:both}.large-up-2>.column:last-child,.large-up-2>.columns:last-child{float:left}.large-up-3>.column,.large-up-3>.columns{width:33.33333%;float:left}.large-up-3>.column:nth-of-type(1n),.large-up-3>.columns:nth-of-type(1n){clear:none}.large-up-3>.column:nth-of-type(3n+1),.large-up-3>.columns:nth-of-type(3n+1){clear:both}.large-up-3>.column:last-child,.large-up-3>.columns:last-child{float:left}.large-up-4>.column,.large-up-4>.columns{width:25%;float:left}.large-up-4>.column:nth-of-type(1n),.large-up-4>.columns:nth-of-type(1n){clear:none}.large-up-4>.column:nth-of-type(4n+1),.large-up-4>.columns:nth-of-type(4n+1){clear:both}.large-up-4>.column:last-child,.large-up-4>.columns:last-child{float:left}.large-up-5>.column,.large-up-5>.columns{width:20%;float:left}.large-up-5>.column:nth-of-type(1n),.large-up-5>.columns:nth-of-type(1n){clear:none}.large-up-5>.column:nth-of-type(5n+1),.large-up-5>.columns:nth-of-type(5n+1){clear:both}.large-up-5>.column:last-child,.large-up-5>.columns:last-child{float:left}.large-up-6>.column,.large-up-6>.columns{width:16.66667%;float:left}.large-up-6>.column:nth-of-type(1n),.large-up-6>.columns:nth-of-type(1n){clear:none}.large-up-6>.column:nth-of-type(6n+1),.large-up-6>.columns:nth-of-type(6n+1){clear:both}.large-up-6>.column:last-child,.large-up-6>.columns:last-child{float:left}.large-up-7>.column,.large-up-7>.columns{width:14.28571%;float:left}.large-up-7>.column:nth-of-type(1n),.large-up-7>.columns:nth-of-type(1n){clear:none}.large-up-7>.column:nth-of-type(7n+1),.large-up-7>.columns:nth-of-type(7n+1){clear:both}.large-up-7>.column:last-child,.large-up-7>.columns:last-child{float:left}.large-up-8>.column,.large-up-8>.columns{width:12.5%;float:left}.large-up-8>.column:nth-of-type(1n),.large-up-8>.columns:nth-of-type(1n){clear:none}.large-up-8>.column:nth-of-type(8n+1),.large-up-8>.columns:nth-of-type(8n+1){clear:both}.large-up-8>.column:last-child,.large-up-8>.columns:last-child{float:left}.column.large-centered,.large-centered.columns{float:none;margin-left:auto;margin-right:auto}.large-pull-0,.large-push-0,.large-uncenter{position:static;margin-left:0;margin-right:0}}.breadcrumbs::after,.button-group::after,.clearfix::after,.off-canvas-wrapper-inner::after,.pagination::after,.tabs::after,.title-bar::after,.top-bar::after,hr{clear:both}ol,ul{margin-left:1.25rem}blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{margin:0;padding:0}dl,ol,p,ul{margin-bottom:1rem}p{font-size:inherit}em,i{font-style:italic}h1,h2,h3,h4,h5,h6{font-style:normal;color:inherit;margin-top:0;margin-bottom:.5rem;line-height:1.4}code,kbd{background-color:#e6e6e6;color:#0a0a0a;font-family:Consolas,"Liberation Mono",Courier,monospace}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#cacaca;line-height:0}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1875rem}h4{font-size:1.125rem}h5{font-size:1.0625rem}h6{font-size:1rem}@media screen and (min-width:40em){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.9375rem}h4{font-size:1.5625rem}h5{font-size:1.25rem}h6{font-size:1rem}}a{background-color:transparent;color:#2199e8;text-decoration:none;cursor:pointer}a:focus,a:hover{color:#1585cf}a img{border:0}hr{box-sizing:content-box;max-width:75rem;height:0;border-right:0;border-top:0;border-bottom:1px solid #cacaca;border-left:0;margin:1.25rem auto}dl,ol,ul{list-style-position:outside}li{font-size:inherit}ul{list-style-type:disc}ol ol,ol ul,ul ol,ul ul{margin-left:1.25rem;margin-bottom:0;list-style-type:inherit}.accordion,.menu,.tabs{list-style-type:none}dl dt{margin-bottom:.3rem;font-weight:700}.subheader,code,label{font-weight:400}blockquote{margin:0 0 1rem;padding:.5625rem 1.25rem 0 1.1875rem;border-left:1px solid #cacaca}blockquote,blockquote p{line-height:1.6;color:#8a8a8a}cite{display:block;font-size:.8125rem;color:#8a8a8a}cite:before{content:'\2014 \0020'}abbr{color:#0a0a0a;cursor:help;border-bottom:1px dotted #0a0a0a}code{border:1px solid #cacaca;padding:.125rem .3125rem .0625rem}kbd{padding:.125rem .25rem 0;margin:0}.subheader{margin-top:.2rem;margin-bottom:.5rem;line-height:1.4;color:#8a8a8a}.lead{font-size:125%;line-height:1.6}.button,.stat{line-height:1}.stat{font-size:2.5rem}p+.stat{margin-top:-1rem}.no-bullet{margin-left:0;list-style:none}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}@media screen and (min-width:40em){.medium-text-left{text-align:left}.medium-text-right{text-align:right}.medium-text-center{text-align:center}.medium-text-justify{text-align:justify}}@media screen and (min-width:64em){.large-text-left{text-align:left}.large-text-right{text-align:right}.large-text-center{text-align:center}.large-text-justify{text-align:justify}}.show-for-print{display:none!important}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.show-for-print{display:block!important}.hide-for-print{display:none!important}table.show-for-print{display:table!important}thead.show-for-print{display:table-header-group!important}tbody.show-for-print{display:table-row-group!important}tr.show-for-print{display:table-row!important}td.show-for-print,th.show-for-print{display:table-cell!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}.ir a:after,a[href^='javascript:']:after,a[href^='#']:after{content:''}abbr[title]:after{content:" (" attr(title) ")"}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.button{display:inline-block;text-align:center;cursor:pointer;-webkit-appearance:none;transition:all .25s ease-out;border:1px solid transparent;border-radius:0;padding:.85em 1em;margin:0 1rem 1rem 0;font-size:.9rem;background:#2199e8;color:#fff}[data-whatinput=mouse] .button{outline:0}.button:focus,.button:hover{background:#1583cc;color:#fff}.button.tiny{font-size:.6rem}.button.small{font-size:.75rem}.button.large{font-size:1.25rem}.button.expanded{display:block;width:100%;margin-left:0;margin-right:0}.button.primary{background:#2199e8;color:#fff}.button.primary:focus,.button.primary:hover{background:#147cc0;color:#fff}.button.secondary{background:#777;color:#fff}.button.secondary:focus,.button.secondary:hover{background:#5f5f5f;color:#fff}.button.success{background:#3adb76;color:#fff}.button.success:focus,.button.success:hover{background:#22bb5b;color:#fff}.button.alert{background:#ec5840;color:#fff}.button.alert:focus,.button.alert:hover{background:#da3116;color:#fff}.button.warning{background:#ffae00;color:#fff}.button.warning:focus,.button.warning:hover{background:#cc8b00;color:#fff}.button.hollow{border:1px solid #2199e8;color:#2199e8}.button.hollow,.button.hollow:focus,.button.hollow:hover{background:0 0}.button.hollow:focus,.button.hollow:hover{border-color:#0c4d78;color:#0c4d78}.button.hollow.primary{border:1px solid #2199e8;color:#2199e8}.button.hollow.primary:focus,.button.hollow.primary:hover{border-color:#0c4d78;color:#0c4d78}.button.hollow.secondary{border:1px solid #777;color:#777}.button.hollow.secondary:focus,.button.hollow.secondary:hover{border-color:#3c3c3c;color:#3c3c3c}.button.hollow.success{border:1px solid #3adb76;color:#3adb76}.button.hollow.success:focus,.button.hollow.success:hover{border-color:#157539;color:#157539}.button.hollow.alert{border:1px solid #ec5840;color:#ec5840}.button.hollow.alert:focus,.button.hollow.alert:hover{border-color:#881f0e;color:#881f0e}.button.hollow.warning{border:1px solid #ffae00;color:#ffae00}.button.hollow.warning:focus,.button.hollow.warning:hover{border-color:#805700;color:#805700}.button.disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.button.dropdown::after{content:'';width:0;height:0;border:.4em inset;border-color:#fefefe transparent transparent;border-top-style:solid;top:.4em;float:right;margin-left:1em;display:inline-block}.button.arrow-only::after{margin-left:0;float:none;top:.2em}[type=text],[type=password],[type=date],[type=datetime],[type=datetime-local],[type=month],[type=week],[type=email],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=color],textarea{display:block;box-sizing:border-box;width:100%;height:2.4375rem;padding:.5rem;border:1px solid #cacaca;margin:0 0 1rem;font-family:inherit;font-size:1rem;color:#0a0a0a;background-color:#fefefe;box-shadow:none;border-radius:0;transition:box-shadow .5s,border-color .25s ease-in-out;-webkit-appearance:none;-moz-appearance:none}[type=text]:focus,[type=password]:focus,[type=date]:focus,[type=datetime]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=week]:focus,[type=email]:focus,[type=number]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=url]:focus,[type=color]:focus,textarea:focus{border:1px solid #8a8a8a;background:#fefefe;outline:0;box-shadow:0 0 5px #cacaca;transition:box-shadow .5s,border-color .25s ease-in-out}textarea{min-height:50px;max-width:100%}textarea[rows]{height:auto}input:disabled,input[readonly],textarea:disabled,textarea[readonly]{background-color:#e6e6e6;cursor:default}[type=submit],[type=button]{border-radius:0;-webkit-appearance:none;-moz-appearance:none}input[type=search]{box-sizing:border-box}[type=file],[type=checkbox],[type=radio]{margin:0 0 1rem}[type=checkbox]+label,[type=radio]+label{display:inline-block;margin-left:.5rem;margin-right:1rem;margin-bottom:0;vertical-align:baseline}label>[type=checkbox],label>[type=label]{margin-right:.5rem}[type=file]{width:100%}label{display:block;margin:0;font-size:.875rem;line-height:1.8;color:#0a0a0a}.form-error,.menu-text,.switch{font-weight:700}label.middle{margin:0 0 1rem;padding:.5625rem 0}.help-text{margin-top:-.5rem;font-size:.8125rem;font-style:italic;color:#333}.input-group{display:table;width:100%;margin-bottom:1rem}.input-group-button,.input-group-label{height:100%;width:1%;text-align:center}.input-group-button a,.input-group-button button,.input-group-button input,fieldset{margin:0}.input-group-button,.input-group-field,.input-group-label{display:table-cell;margin:0;vertical-align:middle}.input-group-label{padding:0 1rem;background:#e6e6e6;color:#0a0a0a;border:1px solid #cacaca}.input-group-label:first-child{border-right:0}.input-group-label:last-child{border-left:0}.fieldset,select{border:1px solid #cacaca}.input-group-button{padding-top:0;padding-bottom:0}fieldset{border:0;padding:0}legend{margin-bottom:.5rem}.fieldset{padding:1.25rem;margin:1.125rem 0}.fieldset legend{background:#fefefe;padding:0 .1875rem;margin:0 0 0 -.1875rem}select{height:2.4375rem;padding:.5rem;margin:0 0 1rem;font-size:1rem;font-family:inherit;line-height:normal;color:#0a0a0a;background-color:#fafafa;border-radius:0;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb(51, 51, 51)"></polygon></svg>');background-size:9px 6px;background-position:right .5rem center;background-repeat:no-repeat}.form-error,.is-invalid-label{color:#ec5840}@media screen and (min-width:0\0){select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)}}select:disabled{background-color:#e6e6e6;cursor:default}select::-ms-expand{display:none}select[multiple]{height:auto}.is-invalid-input:not(:focus){background-color:rgba(236,88,64,.1);border-color:#ec5840}.form-error{display:none;margin-top:-.5rem;margin-bottom:1rem;font-size:.75rem}.form-error.is-visible{display:block}.hide{display:none!important}@media screen and (min-width:0em) and (max-width:39.9375em){.hide-for-small-only{display:none!important}}@media screen and (max-width:0em),screen and (min-width:40em){.show-for-small-only{display:none!important}}@media screen and (min-width:40em){.hide-for-medium{display:none!important}}@media screen and (max-width:39.9375em){.show-for-medium{display:none!important}}@media screen and (min-width:40em) and (max-width:63.9375em){.hide-for-medium-only{display:none!important}}@media screen and (max-width:39.9375em),screen and (min-width:64em){.show-for-medium-only{display:none!important}}@media screen and (min-width:64em){.hide-for-large{display:none!important}}@media screen and (max-width:63.9375em){.show-for-large{display:none!important}}@media screen and (min-width:64em) and (max-width:74.9375em){.hide-for-large-only{display:none!important}}@media screen and (max-width:63.9375em),screen and (min-width:75em){.show-for-large-only{display:none!important}}.show-for-sr,.show-on-focus{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.show-on-focus:active,.show-on-focus:focus{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.hide-for-portrait,.show-for-landscape{display:block!important}@media screen and (orientation:landscape){.hide-for-portrait,.show-for-landscape{display:block!important}.hide-for-landscape,.show-for-portrait{display:none!important}}.hide-for-landscape,.show-for-portrait{display:none!important}@media screen and (orientation:portrait){.hide-for-portrait,.show-for-landscape{display:none!important}.hide-for-landscape,.show-for-portrait{display:block!important}}.float-left{float:left!important}.float-right{float:right!important}.float-center{display:block;margin-left:auto;margin-right:auto}.clearfix::after,.clearfix::before{content:' ';display:table}.accordion{background:#fefefe;border:1px solid #e6e6e6;border-radius:0;margin-left:0}.accordion-title{display:block;padding:1.25rem 1rem;line-height:1;font-size:.75rem;color:#2199e8;position:relative;border-bottom:1px solid #e6e6e6}.accordion-title:focus,.accordion-title:hover{background-color:#e6e6e6}:last-child>.accordion-title{border-bottom-width:0}.accordion-title::before{content:'+';position:absolute;right:1rem;top:50%;margin-top:-.5rem}.is-active>.accordion-title::before{content:'–'}.accordion-content{padding:1.25rem 1rem;display:none;border-bottom:1px solid #e6e6e6}.is-accordion-submenu-parent>a{position:relative}.is-accordion-submenu-parent>a::after{content:'';display:block;width:0;height:0;border:6px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;position:absolute;top:50%;margin-top:-4px;right:1rem}.is-accordion-submenu-parent[aria-expanded=true]>a::after{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1)}.badge{display:inline-block;padding:.3em;min-width:2.1em;font-size:.6rem;text-align:center;border-radius:50%;background:#2199e8;color:#fefefe}.badge.secondary{background:#777;color:#fefefe}.badge.success{background:#3adb76;color:#fefefe}.badge.alert{background:#ec5840;color:#fefefe}.badge.warning{background:#ffae00;color:#fefefe}.breadcrumbs{list-style:none;margin:0 0 1rem}.breadcrumbs::after,.breadcrumbs::before{content:' ';display:table}.breadcrumbs li{float:left;color:#0a0a0a;font-size:.6875rem;cursor:default;text-transform:uppercase}.breadcrumbs li:not(:last-child)::after{color:#cacaca;content:"/";margin:0 .75rem;position:relative;top:1px;opacity:1}.breadcrumbs a{color:#2199e8}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .disabled{color:#cacaca}.button-group{margin-bottom:1rem;font-size:.9rem}.button-group::after,.button-group::before{content:' ';display:table}.button-group .button{float:left;margin:0;font-size:inherit}.button-group .button:not(:last-child){border-right:1px solid #fefefe}.button-group.tiny{font-size:.6rem}.button-group.small{font-size:.75rem}.button-group.large{font-size:1.25rem}.button-group.expanded .button:nth-last-child(2):first-child,.button-group.expanded .button:nth-last-child(2):first-child~.button{width:50%}.button-group.expanded .button:nth-last-child(3):first-child,.button-group.expanded .button:nth-last-child(3):first-child~.button{width:33.33333%}.button-group.expanded .button:nth-last-child(4):first-child,.button-group.expanded .button:nth-last-child(4):first-child~.button{width:25%}.button-group.expanded .button:nth-last-child(5):first-child,.button-group.expanded .button:nth-last-child(5):first-child~.button{width:20%}.button-group.expanded .button:nth-last-child(6):first-child,.button-group.expanded .button:nth-last-child(6):first-child~.button{width:16.66667%}.button-group.primary .button{background:#2199e8;color:#fff}.button-group.primary .button:focus,.button-group.primary .button:hover{background:#147cc0;color:#fff}.button-group.secondary .button{background:#777;color:#fff}.button-group.secondary .button:focus,.button-group.secondary .button:hover{background:#5f5f5f;color:#fff}.button-group.success .button{background:#3adb76;color:#fff}.button-group.success .button:focus,.button-group.success .button:hover{background:#22bb5b;color:#fff}.button-group.alert .button{background:#ec5840;color:#fff}.button-group.alert .button:focus,.button-group.alert .button:hover{background:#da3116;color:#fff}.button-group.warning .button{background:#ffae00;color:#fff}.button-group.warning .button:focus,.button-group.warning .button:hover{background:#cc8b00;color:#fff}.button-group.stacked .button,.button-group.stacked-for-small .button{width:100%;border-right:0}@media screen and (min-width:40em){.button-group.stacked-for-small .button{width:auto}.button-group.stacked-for-small .button:not(:last-child){border-right:1px solid #fefefe}}.callout{margin:0 0 1rem;padding:1rem;border:1px solid rgba(10,10,10,.25);border-radius:0;position:relative;background-color:#fff}.callout>:first-child{margin-top:0}.callout>:last-child{margin-bottom:0}.callout.primary{background-color:#def0fc}.callout.primary a{color:#116ca8}.callout.primary a:hover{color:#0a4063}.callout.secondary{background-color:#ebebeb}.callout.success{background-color:#e1faea}.callout.success a{color:#1ea450}.callout.success a:hover{color:#126330}.callout.alert{background-color:#fce6e2}.callout.alert a{color:#bf2b13}.callout.alert a:hover{color:#791b0c}.callout.warning{background-color:#fff3d9}.callout.warning a{color:#b37a00}.callout.warning a:hover{color:#664600}.callout.small{padding:.5rem}.callout.large{padding:3rem}.close-button{position:absolute;color:#8a8a8a;right:1rem;top:.5rem;font-size:2em;line-height:1;cursor:pointer}[data-whatinput=mouse] .close-button{outline:0}.close-button:focus,.close-button:hover{color:#0a0a0a}.is-drilldown{position:relative;overflow:hidden}.is-drilldown-submenu{position:absolute;top:0;left:100%;z-index:-1;height:100%;width:100%;background:#fefefe;transition:-webkit-transform .15s linear;transition:transform .15s linear}.is-drilldown-submenu-parent>a::after,.js-drilldown-back::before{width:0;content:'';display:block;height:0}.is-drilldown-submenu.is-active{z-index:1;display:block;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.is-drilldown-submenu.is-closing{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.is-drilldown-submenu-parent>a{position:relative}.is-drilldown-submenu-parent>a::after{border:6px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;position:absolute;top:50%;margin-top:-6px;right:1rem}.js-drilldown-back::before{border:6px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;float:left;margin-right:.75rem;margin-left:.6rem;margin-top:14px}.dropdown-pane{background-color:#fefefe;border:1px solid #cacaca;display:block;padding:1rem;position:absolute;width:300px;z-index:10;border-radius:0}.dropdown-pane.is-open{visibility:visible}.dropdown-pane.tiny{width:100px}.dropdown-pane.small{width:200px}.dropdown-pane.large{width:400px}[data-whatinput=mouse] .dropdown.menu a{outline:0}.dropdown.menu .is-dropdown-submenu-parent{position:relative}.dropdown.menu .is-dropdown-submenu-parent a::after{float:right;margin-top:3px;margin-left:10px}.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow a{padding-right:1.5rem;position:relative}.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow>a::after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;position:absolute;top:12px;right:5px}.dropdown.menu .is-dropdown-submenu-parent.is-left-arrow>a::after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;float:left;margin-left:0;margin-right:10px}.is-dropdown-menu.vertical.align-right,.menu.align-right>li{float:right}.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow>a::after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid}.dropdown.menu .is-dropdown-submenu-parent.is-left-arrow.opens-inner .submenu{right:0;left:auto}.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow.opens-inner .submenu{left:0;right:auto}.dropdown.menu .is-dropdown-submenu-parent.opens-inner .submenu{top:100%}.no-js .dropdown.menu ul{display:none}.dropdown.menu .submenu{display:none;position:absolute;top:0;left:100%;min-width:200px;z-index:1;background:#fefefe;border:1px solid #cacaca}.dropdown.menu .submenu>li{width:100%}.dropdown.menu .submenu.first-sub{top:100%;left:0;right:auto}.dropdown.menu .submenu.js-dropdown-active,.dropdown.menu .submenu:not(.js-dropdown-nohover)>.is-dropdown-submenu-parent:hover>.dropdown.menu .submenu{display:block}.dropdown.menu .is-dropdown-submenu-parent.opens-left .submenu{left:auto;right:100%}.dropdown.menu.align-right .submenu.first-sub{top:100%;left:auto;right:0}.is-dropdown-menu.vertical{width:100px}.is-dropdown-menu.vertical>li .submenu{top:0;left:100%}.flex-video{position:relative;height:0;padding-top:1.5625rem;padding-bottom:75%;margin-bottom:1rem;overflow:hidden}.flex-video embed,.flex-video iframe,.flex-video object,.flex-video video{position:absolute;top:0;left:0;width:100%;height:100%}.flex-video.widescreen{padding-bottom:56.25%}.flex-video.vimeo{padding-top:0}.label{display:inline-block;padding:.33333rem .5rem;font-size:.8rem;line-height:1;white-space:nowrap;cursor:default;border-radius:0;background:#2199e8;color:#fefefe}.label.secondary{background:#777;color:#fefefe}.label.success{background:#3adb76;color:#fefefe}.label.alert{background:#ec5840;color:#fefefe}.label.warning{background:#ffae00;color:#fefefe}.media-object{margin-bottom:1rem;display:block}.media-object img{max-width:none}@media screen and (min-width:0em) and (max-width:39.9375em){.media-object.stack-for-small .media-object-section{display:block;padding:0 0 1rem}.media-object.stack-for-small .media-object-section img{width:100%}}.media-object-section{display:table-cell;vertical-align:top}.media-object-section:first-child{padding-right:1rem}.media-object-section:last-child:not(+.media-object-section:first-child){padding-left:1rem}.media-object-section.middle{vertical-align:middle}.media-object-section.bottom{vertical-align:bottom}.menu>li,.menu>li>a>i,.menu>li>a>img,.menu>li>a>span{vertical-align:middle}.menu{margin:0}[data-whatinput=mouse] .menu>li{outline:0}.menu>li:not(.menu-text)>a{display:block;padding:.7rem 1rem;line-height:1}.menu a,.menu button,.menu input{margin-bottom:0}.menu>li>a>i,.menu>li>a>img{display:inline-block;margin-right:.25rem}.menu>li{display:table-cell}.menu.vertical>li{display:block}@media screen and (min-width:40em){.menu.medium-horizontal>li{display:table-cell}.menu.medium-vertical>li{display:block}}@media screen and (min-width:64em){.menu.large-horizontal>li{display:table-cell}.menu.large-vertical>li{display:block}}.menu.simple a{padding:0;margin-right:1rem}.menu.expanded{display:table;width:100%}.menu.expanded>li:nth-last-child(2):first-child,.menu.expanded>li:nth-last-child(2):first-child~li{width:50%}.menu.expanded>li:nth-last-child(3):first-child,.menu.expanded>li:nth-last-child(3):first-child~li{width:33.33333%}.menu.expanded>li:nth-last-child(4):first-child,.menu.expanded>li:nth-last-child(4):first-child~li{width:25%}.menu.expanded>li:nth-last-child(5):first-child,.menu.expanded>li:nth-last-child(5):first-child~li{width:20%}.menu.expanded>li:nth-last-child(6):first-child,.menu.expanded>li:nth-last-child(6):first-child~li{width:16.66667%}.menu.expanded>li:first-child:last-child{width:100%}.menu.icon-top>li>a{text-align:center}.menu.icon-top>li>a>i,.menu.icon-top>li>a>img{display:block;margin:0 auto .25rem}.menu.nested{margin-left:1rem}.menu-text{color:inherit;line-height:1;padding:.7rem 1rem}body,html{height:100%}.off-canvas-wrapper{width:100%;overflow-x:hidden;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:auto}.off-canvas-wrapper-inner{position:relative;width:100%;transition:-webkit-transform .5s ease;transition:transform .5s ease}.off-canvas-wrapper-inner::after,.off-canvas-wrapper-inner::before{content:' ';display:table}.off-canvas-content{min-height:100%;background:#fefefe;transition:-webkit-transform .5s ease;transition:transform .5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;box-shadow:0 0 10px rgba(10,10,10,.5)}.js-off-canvas-exit{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(254,254,254,.25);cursor:pointer;transition:background .5s ease}.is-off-canvas-open .js-off-canvas-exit{display:block}.off-canvas{position:absolute;background:#e6e6e6;z-index:-1;max-height:100%;overflow-y:auto;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.orbit-caption,.orbit-next:active,.orbit-next:focus,.orbit-next:hover,.orbit-previous:active,.orbit-previous:focus,.orbit-previous:hover{background-color:rgba(10,10,10,.5)}[data-whatinput=mouse] .off-canvas{outline:0}.off-canvas.position-left{left:-250px;top:0;width:250px}.is-open-left{-webkit-transform:translateX(250px);-ms-transform:translateX(250px);transform:translateX(250px)}.off-canvas.position-right{right:-250px;top:0;width:250px}.is-open-right{-webkit-transform:translateX(-250px);-ms-transform:translateX(-250px);transform:translateX(-250px)}@media screen and (min-width:40em){.position-left.reveal-for-medium{left:0;z-index:auto;position:fixed}.position-left.reveal-for-medium~.off-canvas-content{margin-left:250px}.position-right.reveal-for-medium{right:0;z-index:auto;position:fixed}.position-right.reveal-for-medium~.off-canvas-content{margin-right:250px}}@media screen and (min-width:64em){.position-left.reveal-for-large{left:0;z-index:auto;position:fixed}.position-left.reveal-for-large~.off-canvas-content{margin-left:250px}.position-right.reveal-for-large{right:0;z-index:auto;position:fixed}.position-right.reveal-for-large~.off-canvas-content{margin-right:250px}}.orbit,.orbit-container{position:relative}.orbit-container{margin:0;overflow:hidden;list-style:none}.orbit-caption,.orbit-next,.orbit-previous{position:absolute;padding:1rem;color:#fefefe}.orbit-slide{width:100%;max-height:100%}.orbit-slide.no-motionui.is-active{top:0;left:0}.orbit-figure{margin:0}.orbit-image{margin:0;width:100%;max-width:100%}.orbit-caption{width:100%;margin-bottom:0}.orbit-next,.orbit-previous{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:10}[data-whatinput=mouse] .orbit-next,[data-whatinput=mouse] .orbit-previous{outline:0}.orbit-previous{left:0}.orbit-next{left:auto;right:0}.orbit-bullets{position:relative;margin-top:.8rem;margin-bottom:.8rem;text-align:center}[data-whatinput=mouse] .orbit-bullets{outline:0}.orbit-bullets button{width:1.2rem;height:1.2rem;margin:.1rem;background-color:#cacaca;border-radius:50%}.orbit-bullets button.is-active,.orbit-bullets button:hover{background-color:#8a8a8a}.pagination{margin-left:0;margin-bottom:1rem}.pagination::after,.pagination::before{content:' ';display:table}.pagination li{font-size:.875rem;margin-right:.0625rem;display:none;border-radius:0}.pagination li:first-child,.pagination li:last-child{display:inline-block}@media screen and (min-width:40em){.pagination li{display:inline-block}.reveal{min-height:0}}.pagination a,.pagination button{color:#0a0a0a;display:block;padding:.1875rem .625rem;border-radius:0}.pagination a:hover,.pagination button:hover{background:#e6e6e6}.pagination .current{padding:.1875rem .625rem;background:#2199e8;color:#fefefe;cursor:default}.pagination .disabled{padding:.1875rem .625rem;color:#cacaca;cursor:default}.pagination .disabled:hover{background:0 0}.pagination .ellipsis::after{content:'…';padding:.1875rem .625rem;color:#0a0a0a}.pagination-previous a::before,.pagination-previous.disabled::before{content:'«';display:inline-block;margin-right:.5rem}.pagination-next a::after,.pagination-next.disabled::after{content:'»';display:inline-block;margin-left:.5rem}.progress{background-color:#cacaca;height:1rem;margin-bottom:1rem;border-radius:0}.progress.primary .progress-meter{background-color:#2199e8}.progress.secondary .progress-meter{background-color:#777}.progress.success .progress-meter{background-color:#3adb76}.progress.alert .progress-meter{background-color:#ec5840}.progress.warning .progress-meter{background-color:#ffae00}.progress-meter{position:relative;display:block;width:0;height:100%;background-color:#2199e8;border-radius:0}.progress-meter .progress-meter-text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0;font-size:.75rem;font-weight:700;color:#fefefe;white-space:nowrap}.slider-fill,.slider-handle{left:0;display:inline-block}.slider{position:relative;height:.5rem;margin-top:1.25rem;margin-bottom:2.25rem;background-color:#e6e6e6;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none}.slider-fill{position:absolute;top:0;max-width:100%;height:.5rem;background-color:#cacaca;transition:all .2s ease-in-out}.slider-fill.is-dragging{transition:all 0s linear}.slider-handle{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute;z-index:1;width:1.4rem;height:1.4rem;background-color:#2199e8;transition:all .2s ease-in-out;-ms-touch-action:manipulation;touch-action:manipulation;border-radius:0}[data-whatinput=mouse] .slider-handle{outline:0}.slider-handle:hover{background-color:#1583cc}.slider-handle.is-dragging{transition:all 0s linear}.slider.disabled,.slider[disabled]{opacity:.25;cursor:not-allowed}.slider.vertical{display:inline-block;width:.5rem;height:12.5rem;margin:0 1.25rem;-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}.slider.vertical .slider-fill{top:0;width:.5rem;max-height:100%}.slider.vertical .slider-handle{position:absolute;top:0;left:50%;width:1.4rem;height:1.4rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.sticky-container{position:relative}.sticky{position:absolute;z-index:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.sticky.is-stuck{position:fixed;z-index:5}.sticky.is-stuck.is-at-top{top:0}.sticky.is-anchored{position:absolute;left:auto;right:auto}body.is-reveal-open{overflow:hidden}.reveal-overlay{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:1005;background-color:rgba(10,10,10,.45);overflow-y:scroll}.reveal{display:none;z-index:1006;padding:1rem;border:1px solid #cacaca;margin:100px auto 0;background-color:#fefefe;border-radius:0;position:absolute;overflow-y:auto}.switch-paddle,.switch-paddle::after{display:block;transition:all .25s ease-out}[data-whatinput=mouse] .reveal{outline:0}.reveal .column,.reveal .columns{min-width:0}.reveal>:last-child{margin-bottom:0}.reveal.collapse{padding:0}caption,tbody td,tbody th{padding:.5rem .625rem .625rem}@media screen and (min-width:40em){.reveal{width:600px;max-width:75rem}.reveal .reveal{left:auto;right:auto;margin:0 auto}.reveal.tiny{width:30%;max-width:75rem}.reveal.small{width:50%;max-width:75rem}.reveal.large{width:90%;max-width:75rem}}.reveal.full{top:0;left:0;width:100%;height:100%;height:100vh;min-height:100vh;max-width:none;margin-left:0}.switch{margin-bottom:1rem;outline:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fefefe;font-size:.875rem}.switch-input{opacity:0;position:absolute}.switch-paddle{background:#cacaca;cursor:pointer;position:relative;width:4rem;height:2rem;border-radius:0;color:inherit;font-weight:inherit}.has-tip,.title-bar-title,caption{font-weight:700}input+.switch-paddle{margin:0}.switch-paddle::after{background:#fefefe;content:'';position:absolute;height:1.5rem;left:.25rem;top:.25rem;width:1.5rem;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);border-radius:0}.switch-active,.switch-inactive,.tooltip.left::before{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}input:checked~.switch-paddle{background:#2199e8}input:checked~.switch-paddle::after{left:2.25rem}[data-whatinput=mouse] input:focus~.switch-paddle{outline:0}.switch-active,.switch-inactive{position:absolute;top:50%;transform:translateY(-50%)}.switch-active{left:8%;display:none}input:checked+label>.switch-active{display:block}.switch-inactive{right:15%}input:checked+label>.switch-inactive{display:none}.switch.tiny .switch-paddle{width:3rem;height:1.5rem;font-size:.625rem}.switch.tiny .switch-paddle::after{width:1rem;height:1rem}.switch.tiny input:checked~.switch-paddle:after{left:1.75rem}.switch.small .switch-paddle{width:3.5rem;height:1.75rem;font-size:.75rem}.switch.small .switch-paddle::after{width:1.25rem;height:1.25rem}.switch.small input:checked~.switch-paddle:after{left:2rem}.switch.large .switch-paddle{width:5rem;height:2.5rem;font-size:1rem}.switch.large .switch-paddle::after{width:2rem;height:2rem}.switch.large input:checked~.switch-paddle:after{left:2.75rem}table{border-collapse:collapse;border-spacing:0;margin-bottom:1rem;border-radius:0}tbody,tfoot,thead{border:1px solid #f1f1f1;background-color:#fefefe}tfoot,thead{background:#f8f8f8;color:#0a0a0a}tfoot tr,thead tr{background:0 0}tfoot td,tfoot th,thead td,thead th{padding:.5rem .625rem .625rem;font-weight:700;text-align:left}tbody tr:nth-child(even){background-color:#f1f1f1}@media screen and (max-width:63.9375em){table.stack tfoot,table.stack thead{display:none}table.stack td,table.stack th,table.stack tr{display:block}table.stack td{border-top:0}}.tabs,.tabs-content{border:1px solid #e6e6e6}table.scroll{display:block;width:100%;overflow-y:scroll}table.hover tr:hover{background-color:#f9f9f9}table.hover tr:nth-of-type(even):hover{background-color:#ececec}.tabs{margin:0;background:#fefefe}.tabs::after,.tabs::before{content:' ';display:table}.tabs.simple>li>a{padding:0}.tabs.simple>li>a:hover{background:0 0}.tabs.vertical>li{width:auto;float:none;display:block}.tabs-title,.title-bar-left{float:left}.tabs.primary{background:#2199e8}.tabs.primary>li>a{color:#fefefe}.tabs.primary>li>a:focus,.tabs.primary>li>a:hover{background:#1893e4}.tabs-title>a{display:block;padding:1.25rem 1.5rem;line-height:1;font-size:12px;color:#2199e8}.tabs-title>a:hover{background:#fefefe}.tabs-title>a:focus,.tabs-title>a[aria-selected=true]{background:#e6e6e6}.tabs-content{background:#fefefe;transition:all .5s ease;border-top:0}.tabs-content.vertical{border:1px solid #e6e6e6;border-left:0}.tabs-panel{display:none;padding:1rem}.tabs-panel.is-active{display:block}.thumbnail{border:4px solid #fefefe;box-shadow:0 0 0 1px rgba(10,10,10,.2);display:inline-block;line-height:0;max-width:100%;transition:box-shadow .2s ease-out;border-radius:0;margin-bottom:1rem}.thumbnail:focus,.thumbnail:hover{box-shadow:0 0 6px 1px rgba(33,153,232,.5)}.title-bar{background:#0a0a0a;color:#fefefe;padding:.5rem}.title-bar::after,.title-bar::before{content:' ';display:table}.menu-icon,.title-bar-title{display:inline-block;vertical-align:middle}.title-bar .menu-icon{margin-left:.25rem;margin-right:.5rem}.title-bar-right{float:right;text-align:right}.menu-icon{position:relative;cursor:pointer;width:20px;height:16px}.menu-icon::after{content:'';position:absolute;display:block;width:100%;height:2px;background:#fefefe;top:0;left:0;box-shadow:0 7px 0 #fefefe,0 14px 0 #fefefe}.menu-icon:hover::after{background:#cacaca;box-shadow:0 7px 0 #cacaca,0 14px 0 #cacaca}.has-tip{border-bottom:dotted 1px #8a8a8a;position:relative;display:inline-block;cursor:help}.tooltip.top::before,.tooltip::before{content:'';display:block;width:0;height:0}.tooltip{background-color:#0a0a0a;color:#fefefe;font-size:80%;padding:.75rem;position:absolute;z-index:10;top:calc(100% + .6495rem);max-width:10rem!important;border-radius:0}.tooltip::before{border:.75rem inset;border-color:transparent transparent #0a0a0a;border-bottom-style:solid;bottom:100%;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.tooltip.top::before{border:.75rem inset;border-color:#0a0a0a transparent transparent;border-top-style:solid;top:100%;bottom:auto}.tooltip.left::before,.tooltip.right::before{content:'';display:block;width:0;height:0;bottom:auto;top:50%}.tooltip.left::before{border:.75rem inset;border-color:transparent transparent transparent #0a0a0a;border-left-style:solid;left:100%;transform:translateY(-50%)}.tooltip.right::before{border:.75rem inset;border-color:transparent #0a0a0a transparent transparent;border-right-style:solid;left:auto;right:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.top-bar{padding:.5rem}.top-bar::after,.top-bar::before{content:' ';display:table}.top-bar,.top-bar ul{background-color:#e6e6e6}.top-bar a{color:#2199e8}.top-bar input{width:200px;margin-right:1rem}@media screen and (min-width:40em){.top-bar-left{float:left}.top-bar-right{float:right}} </style> <style>/* slick overrides */ .slick-slider { margin-bottom: 20px; } /* foundation overrides */ iframe { width: 100% !important; } .pagination li { display: inline-block !important; } a { text-decoration: none; } a:hover { text-decoration: underline; } /* remove printing on href links */ a[href]:after { content: none; } abbr[title]:after { content: none; } /** dl, ol, ul { list-style-position: inside; } */ dl, ol, ul { padding-left: 15px; } ul.tabs { padding-left: 0; } .wrap { max-width: 1128px !important; margin: 0 auto; } .row { max-width: 100%; } .top-bar .name h1 a { padding: 0; } @media ( max-width: 1024px ) { .pad-sides { margin-left: 10px; margin-right: 10px; } } @media ( min-width: 1160px) { .widen-row { margin-left: -15px; margin-right: -15px; } } @media ( min-width: 850px ) { .hide-for-desktop { display: none !important; } } /* ucsf banner */ #ucsf-banner-nav { overflow: hidden; font-family: "Helvetica Neue", "arial", sans-serif; background: #052049; } #ucsf-banner-nav.no-logo .top-header-container ul.menu li.first { background: none; text-indent: 0%; padding-left: 0; } #ucsf-banner-nav .top-header-container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; max-width: 1230px; } #ucsf-banner-nav .top-header-container ul.menu { padding: 0; margin: 0; } #ucsf-banner-nav .top-header-container ul.menu li.first { display: inline-block; float: left; padding: 6px 0px 6px 58px; } @media (max-width: 600px) { #ucsf-banner-nav .top-header-container ul.menu li.first { text-indent: 100%; white-space: nowrap; overflow: hidden; } } #ucsf-banner-nav .top-header-container ul.menu li { display: inline-block; float: right; font-size: 14px; padding: 6px 10px 6px; } @media (max-width: 830px) { #ucsf-banner-nav .top-header-container ul.menu li { display: none; } } @media (max-width: 600px) { #ucsf-banner-nav .top-header-container ul.menu li { display: none; } } #ucsf-banner-nav .top-header-container ul.menu li a { text-decoration: none; color: #fff; } #ucsf-banner-nav .top-header-container ul.menu li a:hover { text-decoration: underline ;} /* Colors */ #ucsf-banner-nav.arial { font-family: arial,sans-serif; } #ucsf-banner-nav.teal { background: #18a3ac; } #ucsf-banner-nav.green { background: #90bd31; } #ucsf-banner-nav.light-blue { background: #178ccb; } #ucsf-banner-nav.orange { background: #f48024; } #ucsf-banner-nav.grey { background: #b4b9bf; } #ucsf-banner-nav.purple { background: #716fb2; } #ucsf-banner-nav.red { background: #ec1848; } #ucsf-banner-nav.yellow { background: #ffdd00; } #ucsf-banner-nav.white { background: #ffffff; } #ucsf-banner-nav.yellow a,#ucsf-banner-nav.white a { color: #000000; } /* UCSF colors */ .bg-teal { background-color: #18a3ac; } .bg-green { background-color: #90bd31; } .bg-light-blue { background-color: #178ccb; } .bg-orange { background-color: #f48024; } .bg-grey { background-color: #b4b9bf; } .bg-purple { background-color: #716fb2; } .bg-red { background-color: #ec1848; } .bg-yellow { background-color: #ffdd00; } /* social icons */ @media ( min-width: 850px ) { #menu-social { padding-top: 50px; } } #social-icons { display: none; } @media ( min-width: 850px ) { #social-icons { display: inline-block; } } #social-icons { margin-right: 15px; line-height: 30px; } #social-icons i { text-align: right; color: white; margin: 0px 5px; background-color: #7B7979; width: 20px; height: 20px; font-size: 14px; text-align: center; padding-top: 3px; } #social-icons i:hover { background-color: #007CBE; } /* nav */ nav { padding-left: 10px; } /* search widget */ #search-widget { display: none; } @media ( min-width: 850px ) { #search-widget { display: inline-block; } } #search-widget { width: 540px; height: 40px; position: absolute; right: 15px; top: 0; } #search-widget .search-site { box-sizing: border-box; width: 180px; height: 30px; float: left; border: 1px solid #DDE2E8; border-right: none; line-height: 16px; background-color: #F8F8F9; } #search_dropdown { width: 180px; } #main_nav { margin-top: 15px; padding-top: 0; } @media ( min-width: 40.0625em ) { #main_nav { min-height: 105px !important; } } #main_nav.top-bar .top-bar-section #search_dropdown li { width: auto; float: none; } #main_nav.top-bar .top-bar-section #search_dropdown li a:hover { font-weight: normal; } #search-widget .search-site a { display: block; padding: 5px; color: #999; } #search-widget .search-type > a::after { font-family: FontAwesome; content: "\f107"; float: right; margin-right: 3px; } #search-widget .search-text { width: 300px; height: 30px; margin: 0; padding: 3px 10px; float: left; border: 1px solid #dde2e8; box-shadow: none; top: 0; box-sizing: border-box; } #search-widget .search-submit { top: 0; float: left; box-sizing: border-box; height: 30px; } /* main_nav */ .top-bar, .top-bar ul { background-color: white; } .top-bar-left h1 { margin-left: 20px; } #main_nav .top-bar-left { padding-top: 18px; } #main_nav .top-bar-left h1 { line-height: 0; } #main_nav .top-bar-right { padding-top: 15px; } @media ( max-width: 40.0625em ) { .top-bar-left h1 { width: 170px !important; } #main_nav .top-bar-left { padding-top: 0; } } #search-combo { float: right; } #search-link { color: #979797; border: 1px solid #cacaca; border-right: 0; float: left; height: 30px; background-color: #F8F8F9; padding-left: 5px; padding-right: 5px; } #search-link:hover { background-color: #E1E3E6; color: #052049; } #search-link i { margin-left: 10px; margin-right: 5px; } #search-link-list { display: none; width: 200px; position: absolute; top: 15px; right: 292px; list-style: none; border-top: 1px solid #cacaca; padding-left: 0px; } #search-link-list li { margin: 0; padding: 0; border: 1px solid #cacaca; border-top: 0; background-color: #F8F8F9; } #search-link-list li a { display: block; color: #979797; padding: 2px 0 2px 10px; } #search-text { float: left; width: 250px; height: 30px; padding: 0 5px; } #search-submit { float: left; height: 30px; width: 30px; } .menu>li:not(.menu-text)>a { padding: 6px 10px; } .top-bar input { margin-right: 0; } #search-submit { color: white; padding: 3px; } #cls-menu a { color: #052049; border-radius: 5px; font-size: 14px; } #cls-menu a:hover { background-color: #E1E3E6; } #cls-menu a.active-menu { background-color: #E1E3E6; } #cls-menu .social a { color: #979797; } #cls-menu ul { display: inline-block; float: right; margin-right: 10px; } #cls-menu ul li.leftspace { padding-left: 30px; } /* mobile nav bar with search */ @media screen and (max-width: 850px) { .show-for-desktop { display: none !important; } .top-bar-left { width: 100%; } .top-bar-left h1 { display: inline-block; } } @media screen and (min-width: 851px) { .show-for-mobile-only { display: none !important; } } /* mobile search and menu */ #mobile-search-menu { position: absolute; top: 35px; right: 10px; } @media ( min-width: 40.0625em ) { #mobile-search-menu { top: 60px; } } #mobile-search-toggle, #mobile-menu-toggle { color: #052049; } #mobile-search-toggle i, #mobile-menu-toggle i { margin-top: 20px; } #mobile-menu-toggle { margin-left: 30px; } .showme { display: block !important; } #mobile-menu, #mobile-search { display: none; float: right; width: 100%; } #mobile-menu li { display: block; width: 100%; text-align: right; background-color: #e1e3e6; } #mobile-menu a { color: #052049; } #mobile-menu a:hover { background-color: #052049; color: white; } #mobile-search { text-align: right; } /* dept droplist */ #department { position: relative; height: 45px; } #department h2 { display: inline; } @media ( max-width: 360px ) { #department h2 { font-size: 18px !important; } .top-bar-left { width: 60%; } } #view-dept { position: absolute; top: 0; right: 0; left: 765px; } #view-dept a { background-color: #2199e8; color: #FFFFFF; text-align: left; font-size: 0.8em; margin-bottom: 0; } #view-dept a:hover { color: white; background-color: #052049; text-decoration: none; } #view-dept a i { float: right; margin-right: 10px; } #view-dept-list { display: none; background-color: #EDEDEE; position: absolute; top: 35px; right: 0; left: 765px; z-index: 50; border-left: 1px solid #052049; border-right: 1px solid #052049; border-bottom: 1px solid #052049; } #view-dept-list li { border-bottom: 1px dotted #052049; } #view-dept-list li a { padding: 10px 0 10px 15px; } #view-dept-list li a:hover { color: white; background-color: #052049; } @media ( max-width: 1024px ) { #view-dept { width: 200px; left: auto; } #view-dept-list { width: 200px; left: auto; } } @media ( max-width: 615px ) { #department { height: 100px; } #view-dept { top: 50px; left: 0; width: auto; } #view-dept-list { top: 85px; left: 0; width: auto; } } @media ( max-width: 400px ) { #department { height: 90px; } .top-bar-left { width: 60%; } } #dept-select { display: inline-block; text-align: center; color: #052049; border: 1px solid #052049; background-color: #E1E3E6; padding-right: 10px; height: 24px; font-size: 0.8em; text-align: left; } #dept-select span { vertical-align: 0px; } #dept-select::after { display: none; } #dept-select i { margin-left: 10px; } @media ( min-width: 64.0625em ) { #dept-select { box-sizing: border-box; height: 30px; position: absolute; bottom: -44px; left: 0; right: 0; margin: 0 0 0 15px; padding: 10px 5px 0px 10px; border-bottom: 0px solid black; } #dept-select i { float: right; margin-right: 10px; } #department > .row { border-bottom: 1px solid black; } } /* end media */ /* mobile home tabs */ #mobile-home-tabs li.is-active a { padding-top: 15px; padding-bottom: 15px; color: white; background-color: #052049; } /* mobile custom section */ #mobile-explore { margin-top: 20px; width: 100%; height: 80px; display: inline-block; color: white; background-color: #052049; text-transform: uppercase; } #mobile-explore .label { font-size: 13px; display: inline-block; color: white; background-color: #052049; padding: 8px 15px; text-transform: uppercase; } #mobile-explore li.is-active a { padding-top: 15px; padding-bottom: 15px; color: white; background-color: #052049; } #listpages-mobile-view .bg-img-holder { width: 100%; height: 150px; position: absolute; top: 0; left: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; } /* stories and news panels */ .features-box { height: 360px; overflow: auto; position: relative; margin: 0 0 20px 0; padding: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; } .features-box h3 { font-size: 16px; padding: 10px 20px; color: white; margin: 0; background-color: #178ccb; } .features-panel { background-color: rgba(255,255,255,0.8); position: absolute; bottom: 0; width: 100%; padding: 10px 20px; } .features-panel h4, .features-panel h4 a { color: #052049; font-size: 20px; } /* quick links */ #quicklinks { background-color: #E1E3E6; } #quicklinks ul { margin: 20px; padding: 0; list-style: none; } #quicklinks ul li { margin: 0; padding: 0; } /* Highlights */ #highlight-first, #highlight-second, #highlight-third { margin-bottom: 40px; height: 200px; overflow: hidden; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; } .serif-heading { font-family: granjon, Georgia, TimesNewRoman, 'Times New Roman', Times, serif; margin-bottom: 3px; margin-left: 15px; } .serif-divider { margin: 5px 0 20px 0; } #highlight-first iframe, #highlight-second iframe, #highlight-third iframe { width: 100%; height: 250px; } .highlight-panel { background-color: rgba(255,255,255,0.8); position: absolute; bottom: 0; width: 100%; padding: 10px 5px 0px 10px; font-size: 13px; } .highlight-panel p { font-size: 13px; } .highlight-panel a { font-weight: bold; } /* events */ #featured-events ul { list-style: none; margin: 0 0 40px 0px; padding: 0; } #featured-events ul li { margin: 0; padding: 15px 0; border-bottom: 1px solid #ddd; cursor: pointer; } #featured-events ul li .event-desc { height: 50px; overflow: hidden; } @media ( min-width: 64.0625em ) { #featured-events ul li { border-left: 1px solid #ddd; padding-left: 15px; } } #featured-events .event-date { width: 50px; float: left; } #featured-events .event-date span { font-family: granjon, Georgia, TimesNewRoman, 'Times New Roman', Times, serif; display: block; font-size: 1.5em; line-height: 1em; } /* nav arrows */ .slick-prev, .slick-next { width: 40px; height: 40px; z-index: 10; background-color: rgba(0,0,0,.2); } .slick-prev:before, .slick-next:before { color: white !important; } .slick-next { right: 15px; } .slick-prev { left: 15px; } .slick-prev:before, .slick-next:before { background-repeat: no-repeat; display: block; width: 50px; height: 50px; content: ""; } .slick-prev:before { background-image: url('/inc/i/cls_all_3/slide-arrow-left.png'); } .slick-next:before { background-image: url('/inc/i/cls_all_3/slide-arrow-right.png'); } /* slide panel */ .slideimage { width: 100%; max-width: 580px; height: 350px; background-repeat: no-repeat; background-position: center center; background-size: cover; } .slidecontainer { position: relative; margin-bottom: 30px; } .slidecontainer h2 a { color: white; } .slidepanel { position: absolute; bottom: -30px; left: 0; right: 0; background-color: #90bd31; color: white; padding: 15px 20px 5px 20px; height: 130px; } /* adjust slick for mobile */ @media ( max-width : 579px ) { .slideimage { height: 250px; } .slick-prev, .slick-next { top: 25%; } } .slidepanel hr { margin: 5px 0px; } .slidepanel h2 { color: white; overflow: hidden; font-size: 22px; } .slidepanel .dept, .slidereadmore { font-size: 13px; text-transform: uppercase; } .introduction, .slidereadmore, .slidepanel hr.bottom-divider, .slide-secondary-image, .slide-secondary-overlay { display: none; } /* slide indicators */ .slide-indicators { position: absolute; top: 320px; left: 25px; } .slide-indicator { float: left; margin-right: 10px; border: 1px solid white; background-color: white; width: 10px; height: 10px; } .slide-indicator.currentslide { background-color: transparent; } /* panel arrow (mobile) */ .slidepanel:before { position: absolute; top: -52px; left: 60px; border: solid transparent; border-bottom-color: #90bd31; border-width: 26px; content: " "; height: 0; width: 0; pointer-events: none; } @media ( min-width: 450px ) { .slidepanel h2 { font-size: 22px; } } /* panel in tablet view */ @media ( min-width: 580px ) { .slidecontainer { margin-bottom: 0; } .slidepanel { left: 350px; top: 0; bottom: 0; height: auto; background-color: #90bd31; padding: 20px 20px 5px 25px; max-width: 320px; } .slidepanel h2 { max-height: 100px; overflow: hidden; } .slidepanel p { max-height: 100px; overflow: hidden; } .introduction, .slidepanel p, .slidereadmore, .slidepanel hr.bottom-divider, .slide-secondary-image, .slide-secondary-overlay { display: block; } .slidepanel hr.bottom-divider { margin-bottom: 15px; } .slidereadmore { background-color: transparent; border: 1px solid white; color: white; max-width: 150px; } .slidereadmore:hover { background-color: rgba(255,255,255,0.2); } .slide-secondary-overlay { width: 100%; height: 100%; background-color: rgba(5,32,73,0.7); } .slide-secondary-image { position: absolute; top: 0; left: 900px; right: 0; height: 350px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: transparent; } /* panel arrow (mobile) */ .slidepanel:before { position: absolute; top: 100px; left: -52px; border: solid transparent; border-right-color: #90bd31; border-width: 26px; content: " "; height: 0; width: 0; pointer-events: none; } } /* end tablet media query */ /* for desktop view */ @media ( min-width: 680px ) { .slidepanel { left: 450px; } } @media ( min-width: 780px ) { .slidepanel { left: 550px; } } @media ( min-width: 851px ) { .slidepanel { left: 580px; } } /* department section bar */ #department h2, #featured-events h2, #galleries h2 { font-size: 1.3em; font-weight: normal; color: #052049; margin-right: 0; padding-right: 0; margin-bottom: 0; padding-bottom: 0; } #featured-events h2, #galleries h2 { margin-bottom: 15px; } @media ( min-width: 64.0625em ) { #department h2, #featured-events h2, #galleries h2 { font-size: 2em; } } /* helper */ .set-relative { position: relative; } .inline-heading { display: inline; } /* primary and secondary column */ #home-secondary { display: block; width: 100%; } @media ( min-width: 64.0625em) { #primary-column { float: left; width: 744px; } #home-secondary { display: block; float: left; width: 378px; margin-left: 5px; } } @media ( max-width: 1160px ) { #view-dept { width: 330px; } #home-secondary { width: 335px; } } @media ( max-width: 1100px ) { #view-dept { width: 320px; } #home-secondary { width: 325px; } } @media ( max-width: 1090px ) { #view-dept { width: 310px; } #home-secondary { width: 315px; } } @media ( max-width: 1080px ) { #view-dept { width: 300px; } #home-secondary { width: 315px; } } @media ( max-width: 1070px ) { #view-dept { width: 290px; } #home-secondary { width: 295px; } } @media ( max-width: 1060px ) { #view-dept { width: 280px; } #home-secondary { width: 285px; } } @media ( max-width: 1050px ) { #view-dept { width: 270px; } #home-secondary { width: 275px; } } @media ( max-width: 1040px ) { #view-dept { width: 260px; } #home-secondary { width: 265px; } } @media ( max-width: 1030px ) { #view-dept { width: 250px; } #home-secondary { width: 255px; } } @media ( max-width: 1025px ) { #home-secondary { width: 100%; } } @media (max-width: 500px ) { #view-dept { width: 100%; } } /* tab content */ #home-content .tabs-content > div { padding: 0; } #home-content .tabs { border-left: 1px solid #052049; border-top: 1px solid #052049; } #home-content .tabs li { border-right: 1px solid #052049; border-bottom: 1px solid #052049; width: 33.33%; text-align: center; position: relative; } #home-content .tabs li a { padding: 10px 0px; background-color: #EDEDEE; } #home-content .tabs li.is-active a { background-color: #052049; color: white; } #home-content .tabs li.is-active a::after { position: absolute; height: 0; width: 0; content: " "; bottom: -14px; right: 50%; border: 7px solid transparent; border-top-color: #052049; pointer-events: none; } #home-content .tabs-title a { font-size: 13px; } #home-content .tabs-panel .date { font-size: 12px; margin-bottom: 3px; } /* list-style */ .list-style { list-style-type: none; margin: 0; padding: 0; } .list-style li { margin: 0; padding: 0; border-bottom: 1px dotted #052049; } .list-style li a { display: block; padding: 10px 0 10px 15px; background-color: #EDEDEE; } .list-style li a .mutedlink { color: #444; } .list-style li a:hover, .list-style li a:hover .mutedlink { background-color: #052049; color: white; text-decoration: none; } /* frequent links */ .frequent-links { margin-bottom: 30px; } /* on desktop mode, hide the single column freq link because showing as droplist in aside */ @media (min-width: 1025px) { #frequent-visited.frequent-links { display: none; } } @media (max-width: 1025px) { #frequent-links { display: none; } } .frequent-links > a, .frequent-links > a:visited { background-color: #2199e8; color: #FFFFFF; text-align: left; font-size: 0.8em; margin-bottom: 0; } .frequent-links > a:hover { background-color: #052049; color: white; text-decoration: none; } .frequent-links > a.button.expand { padding-left: 15px; } .frequent-links > a i { float: right; margin-right: 10px; } .frequent-links ul { display: none; } /* view all buttons */ .right-button { position: absolute; top: 15px; right: 10px; background-color: white; color: #008CBA; border: 1px solid #008CBA; text-decoration: none !important; text-transform: uppercase; } .button-height { min-height: 50px; } /* featured events widget */ #featured-events { position: relative; margin-bottom: 30px; padding-top: 15px; border-top: 1px solid #052049; } #featured-events hr { margin-top: 0; margin-bottom: 0; } @media (min-width: 40.0625em) { ul#lwe { margin-bottom: 0; } ul#lwe li { float: left; width: 33.33%; border-bottom: 0px !important; border-left: 1px dotted gray; } /* style calendar */ ul#lwe .lwe .lwn .lwn0 { width: 100%; text-align: left; padding-left: 60px; } ul#lwe .lwe .lwn > a { margin-left: 60px; display: block; font-weight: normal; } ul#lwe .lwe .lwl a { font-weight: normal; } } @media (min-width: 64.0625em ) { #featured-events { border-top: 0; } } /* galleries */ #galleries { position: relative; margin-bottom: 30px; padding-top: 15px; } #galleries hr { margin-top: 0; margin-bottom: 20px; } .gallery-block { margin-bottom: 20px; } .gallery-image { background-repeat: no-repeat; background-position: center center; background-size: cover; } .gallery-caption { background-color: #EDEDEE; height: 100px; padding: 3px 15px; overflow: hidden; } .gallery-caption p { font-size: 14px; margin-bottom: 3px; } .gallery-caption h4 { padding-top: 5px; font-size: 16px; border-top: 1px solid gray; } /* footer */ footer { background-color: #052049; color: #CDD2DB; } .footer-wrap { max-width: 1128px !important; margin: 0 auto; padding: 30px 15px 50px 15px; } footer a { color: #CDD2DB; } footer a:hover { color: white; } #footer-main h2 { color: white; } footer aside { display: none; } #site-map hr { margin: 3px 0; padding: 0; } .map-column { float: left; width: 240px; margin-bottom: 40px; padding-right: 10px; } /* elements that are not present in mobile */ #footer-copyright, #sub-footer aside { display: none; } @media ( min-width: 64.0625em ) { #footer-copyright, #sub-footer aside { display: block; } footer aside { display: block; width: 20%; float: left; } #footer-main { width: 80%; float: left; padding-left: 20px; } /* footer copyright */ #footer-copyright hr { margin-top: 3px; } #footer-copyright a i { margin-left: 20px; } a#full-site-map { color: white; } a#full-site-map:hover { color: #008CBA; } #full-site-map-content { display: none; } /* sub-footer-aside */ #sub-footer-aside hr { margin-top: 3px; margin-bottom: 8px; } #sub-footer-aside input[type="text"] { border: 1px solid white; box-shadow: none; background-color: #373D5D; color: white; } #sub-footer-aside i.fa { margin-right: 15px; } } #column-container { position: inherit; padding-bottom: 30px; } /* home-grid-content */ #home-grid-content { padding-top: 30px; } /* home-secondary-aside */ #home-secondary-aside { padding: 30px 0 40px 15px; } @media ( max-width: 1025px ) { #home-secondary-aside { padding: 0 15px; width: 100%; } } #home-secondary-quicklinks { position: relative; padding-top: 30px; background-color: #EDEDEE; } @media ( max-width: 1029px ) { #home-secondary-aside #home-secondary-quicklinks { display: none; } } #home-secondary-aside .label { position: absolute; top: 0; left: 0; display: inline-block; color: white; background-color: #052049; padding: 8px 15px; text-transform: uppercase; } #home-secondary-aside .bg-img-holder { height: 150px; width: 100%; position: absolute; top: 0; left: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; } #home-secondary-explore, #home-secondary-news { margin-top: 30px; position: relative; padding-top: 150px; background-color: #EDEDEE; } @media ( max-width: 1029px ) { #home-secondary-aside #home-secondary-explore, #home-secondary-aside #home-secondary-news { display: none; } } #home-secondary-explore ul li a, #home-secondary-news ul li a { color: black; padding-right: 10px; } #home-secondary-explore ul li a:hover, #home-secondary-news ul li a:hover { color: white; } #home-secondary-explore ul li a span, #home-secondary-news ul li a span { font-size: 0.8em; color: #99A1A7; } /* home-grid-content */ #home-grid-content { position: relative; margin: 30px 0; } #home-grid-content .grid-img-holder { position: absolute; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 186px; width: 186px; } #home-grid-content .grid-block { position: absolute; height: 186px; width: 186px; color: rgba(255,255,255,0.8); padding: 10px 15px; display: block; overflow: hidden; font-size: 13px; line-height: 1.3em; } #home-grid-content .grid-block:hover { background-color: #052049 !important; text-decoration: none; } #home-grid-content .grid-block b { font-size: 16px; color: white; } #home-grid-content .grid-block hr { margin: 5px 0; } /* secondary page */ #masthead { background-color: #008CBA; padding: 10px 0 5px 15px; margin-bottom: 10px; } @media ( min-width: 40.0625em ) { #masthead { padding: 25px 0 25px 15px; } } #masthead h2 { color: white; font-weight: normal; } #breadcrumb { padding: 10px 0 10px 15px; color: #717177; } #dept-aside ul { list-style: none; } #dept-aside ul li.active a { color: #717177; } .section-heading { color: #052049; font-weight: normal; } .section-heading a { color: #052049; } .section-heading-divider { border: 0; border-top: 1px solid #052049; height: 1px; margin: 3px 0; padding: 0; } #dept-news { list-style: none; padding: 0; margin: 0; } #dept-news li { padding: 0; margin: 0; border-bottom: 1px dotted #717177; } #dept-news li a { padding: 3px 10px; color: #717177; display: block; } #dept-news li a:hover { background-color: #052049; color: white; text-decoration: none; } #looking-more { position: relative; background-color: #EDEDEE; margin-top: 30px; border-bottom: 1px dotted #717177; width: 100%; } #looking-more .heading { margin-top: 0; position: relative; display: inline-block; color: white; background-color: #052049; font-size: 12px; padding: 8px 15px; text-transform: uppercase; } #looking-more p { padding-left: 20px; } #looking-more div { margin-top: -10px; padding-left: 10px; } .white-button { background-color: white; color: #008CBA; border: 1px solid #008CBA; margin: 15px; font-size: 0.6rem; text-decoration: none !important; } /* sticky header */ @media ( min-width: 851px ) { #sticky-header { position: fixed; width: 100%; z-index: 99; background-color: white; } .sticky-shadow { box-shadow: 0px 1px 50px #5E5E5E; } .main-content { padding-top: 155px; } } /* nav overlay */ #nav-overlay { display: none; background-color: #E1E3E6; padding-top: 30px; position: absolute; top: 155px; left: 0; right: 0; z-index: 100; min-height: 300px; } @media ( min-width: 851px ) { #nav-overlay { position: absolute; } } #nav-overlay h2 { font-size: 1.3em; margin-left: 15px; display: inline-block; } #nav-overlay hr { margin-top: 10px; margin-bottom: 10px; } #nav-overlay .close-icon { float: right; font-size: 30px; font-weight: bold; margin-right: 15px; margin-top: -15px; } #nav-overlay aside { border-right: 1px dotted #cacaca; } #nav-overlay p { font-size: 13px; } .link-heading { text-transform: uppercase; } #nav-overlay-mobile { background-color: #E1E3E6; display: none; width: 100%; min-height: 200px; } #nav-overlay-mobile h2 { font-size: 1.3em; margin-left: 15px; padding-top: 30px; } #nav-overlay-mobile .close-icon-mobile { float: right; font-size: 30px; font-weight: bold; margin-right: 15px; margin-top: 15px; } /* list view page */ #list-filter { margin-bottom: 10px; } #list-filter label, legend { font-size: 16px; line-height: inherit; } #filter-results { background-color: #052049; color: white; text-align: left; font-weight: bold; padding: .85em 1em; margin: 0 0 1rem 0; font-size: .9rem; } #filter-results i { float: right; margin-right: 10px; } /* filter-dept-link */ #filter-dept-link, #filter-location-link { border: 1px solid #cacaca; padding: 6px 10px; width: 100%; color: #979797; background-color: #F8F8F9; display: block; } #filter-dept-link:hover, #filter-location-link:hover { background-color: #E1E3E6; color: #052049; } #filter-dept-link i, #filter-location-link i { padding: 5px 5px 0 10px; float: right; } #filter-dept-list, #filter-location-list { display: none; list-style: none; } #filter-dept-list li, #filter-location-list li { padding: 0; margin: 0; border: 1px solid #cacaca; border-top: 0; } #filter-dept-list li a, #filter-location-list li a { display: block; padding: 6px 10px; color: #979797; background-color: #F8F8F9; } /* pagnination */ .pagination a { border: 2px solid #2199e8; border-radius: 3px; background-color: white; color: #2199e8; } .pagination li.current { background-color: transparent; } .pagination li.current a { background-color: #2199e8; color: white; } /* grid and list toggles */ #grid-list-toggle { position: absolute; top: 5px; right: 15px; } #grid-list-toggle-home { position: absolute; top: 5px; left: 660px; } @media ( max-width: 1024px ) { #grid-list-toggle-home { display: none; } } @media ( max-width: 40.0625em ) { #grid-list-toggle { top: -5px; } } #grid-toggle, #list-toggle { background-color: #e1e3e6; margin-left: 5px; padding: 5px; color: #979797; width: 33px; height: 33px; display: inline-block; } #grid-toggle:hover, #list-toggle:hover { color: white; background-color: #052049; } /* list view */ #home-grid-content .list-view { list-style: none; margin-top: -30px; } #home-grid-content .list-view li { margin: 0; padding: 0; border-bottom: 1px dotted #717177; } #home-grid-content .list-view h4 { font-size: 26px; margin: 0; color: #2199e8; } #home-grid-content .list-view li a { display: block; padding: 3px 10px; color: #717177; } #home-grid-content .list-view li a:hover { background-color: #052049; color: white; } #home-grid-content .list-view li a:hover h4 { color: white; } #home-grid-content .list-view hr { display: none; } /* listpages list view */ #listpages-list-view .list-view { list-style: none; } #listpages-list-view .list-view li { margin: 0; padding: 5px 0 5px 0; border-bottom: 1px dotted #717177; font-size: 13px; } #listpages-list-view .list-view li h4 { font-size: 26px; margin: 0; } #listpages-list-view .list-view li { padding-right: 5px; } #listpages-list-view .list-view li a { display: block; color: #717177; } #listpages-list-view .list-view li a h4 { color: #2199e8; } #listpages-list-view .list-view li:hover { background-color: #052049; color: white; } #listpages-list-view .list-view li:hover a, #listpages-list-view .list-view li:hover a h4 { color: white; } /* search page */ .search-container input[type=radio] { margin-bottom: 5px; } .search-container { box-sizing: border-box; } .search-col1, .search-col2, .search-col3, .search-col4, .search-col5 { float: left; min-height: 1px; width: 20%; padding: 12px; } .search-col1 { width: 25%; } .search-col2 { width: 25%; } @media (max-width : 1130px){ .search-col1, .search-col2, .search-col3, .search-col4, .search-col5 { width: 100%; } .search-col4 { margin-bottom: 0; padding-bottom: 0; } .search-col5 { margin-top: 0; padding-top: 0; } .search-col5 strong { display: none; } } .toggle-bar { position: relative; height: 40px; } .gallery-type { position: absolute; background-color: #EDEDEE; padding: 8px 15px; font-size: 12px; } #results-container .gallery-desc { line-height: 14px; color: #8c8c8c; max-height: 30px; overflow: hidden; } #results-container .gallery-heading { height: 25px; overflow: hidden; } #results-container .gallery-caption { height: 120px; } #results-container .gallery-caption h4 { border-top: 0; padding-top: 0; font-size: 20px; height: auto; overflow: hidden; } #results-container .gallery-caption h4 a { color: #052049; } /* galleria */ .content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:620px;margin:20px auto;} .cred{margin-top:20px;font-size:11px;} /* This rule is read by Galleria to define the gallery height: */ .galleria, #galleria { width: 100%; height:500px;margin-bottom:5px } /* some extra styles for the layer */ .galleria-layer div{top:10px;left:10px;padding:10px;position:absolute;color:#fff} .galleria-layer h2{margin: 0 0 8px;font-size:22px;line-height:1;} .galleria-layer p{margin:0} #galleryFrame { padding-top: 50px; } /* website tour */ /* this class is added only when website tour */ .sticky-header--override { position: relative !important; margin-bottom: -155px; } #js-tour-list-toggle { position: absolute; left: 25px; top: 8px; } /* override nub position */ .joyride-tip-guide span.joyride-nub.topfarright { left: 330px; } .joyride-tip-guide span.joyride-nub.topright { left: 280px; } /* jumpLink */ .jumpLink:link { text-decoration: none; padding: 0; } .jumpLink:hover { text-decoration: underline; padding: 0; } .jumpBack:link { float: right; text-align :right; font-weight: normal; } /* list-style */ .list-nav { list-style-type: none; margin: 0; padding: 0; } .list-nav li { margin: 0; padding: 0; } .list-nav li a { display: block; padding: 4px 0 4px 0; line-height: 18px; } /* blockquote */ blockquote { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; border-left: none; border-right: none; margin-top: 30px; margin-bottom: 30px; } blockquote p { color: #052049; font-size: 20px; padding: 0; margin: 0; } /* link panel */ .linkpanel, .expandRed { margin-top: 30px; margin-bottom: 30px; border-bottom: 1px solid #cacaca; } .expandRed a.button { position: relative; background-color: rgb(236, 24, 72); color: white; text-align: left; margin: 0; border: 0; font-size: 0.9rem; text-transform: uppercase; padding-left: 14px; } .linkpanel a.button { position: relative; background-color: rgb(33, 153, 232); color: white; text-align: left; margin: 0; border: 0; font-size: 20px; text-transform: capitalize padding-left: 14px; } .linkpanel a.button.expanded, .expandRed a.button.expanded { padding-left: 14px; } .linkpanel a.button span, .expandRed a.button span { margin-right: 8px; } .linkpanel a.button i, .expandRed a.button i { position: absolute; right: 14px; top: 10px; color: white; background-color: transparent !important; } .linkpanel a.button:hover, .expanRed a.button:hover { text-decoration: none; } .linkpanel div, .expandRed div { background-color: white; padding-bottom: 10px; font-size: 0.9em; } .linkpanel ul, .expandRed ul { padding: 0; margin: 0; list-style: none; } .linkpanel ul li, .expandRed ul li { padding: 0; margin: 0; } .linkpanel ul li a, .expandRed ul li a { display: block; color: #178ccb; padding: 5px 10px; } .linkpanel ul li a:hover, .expandRed ul li a:hover { color: #052049; text-decoration: underline; } .screen-reader-text { /* Reusable, toolbox kind of class */ position: absolute; top: -9999px; left: -9999px; } /* responsive table */ @media (max-width: 760px) { table.t, .t thead, .t tbody, .t th, .t td, .t tr { display: block; } .t thead tr { position: absolute; top: -9999px; left: -9999px; } .t tr { border: 1px solid #ccc; } .t td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; } .t td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } } /* Footer Popup */ #sticky-footer { min-height: 120px; width: 100%; position: fixed; bottom: 0; height: auto; z-index: 99; background-color: #198CCA; box-shadow: 0px 1px 50px #5E5E5E; display: block; } #sticky-footer h2 { font-size: 28px; } #sticky-footer article { top: 0; left: 0; right: 0; bottom: 0; margin-top: 0; height: auto; color: white; width: 100%; position: absolute; } #sticky-footer #popup-close { color: white; float: right; font-size: 28px; font-weight: bold; margin-right: 20px; z-index: 999; } #sticky-footer #popup-close:focus, #sticky-footer #popup-close:hover { color: black; text-decoration: none; cursor: pointer; } #sticky-footer a { color: white; text-decoration: none; } #sticky-footer a:hover { text-decoration: underline; } #popup-content { width: auto; margin: 0 auto; padding-top: 10px; } .popup-left-half img { display: none; } @media ( max-height: 740px ) and ( max-width: 639px ) and (orientation: portrait) { #sticky-footer { min-height: 170px; height: auto; width: 100%; position: fixed; bottom: 0; z-index: 99; background-color: #198CCA; box-shadow: 0px 1px 50px #5E5E5E; display: block; } #popup-content { width: 100%; height: auto; } #sticky-footer article { top: 0; left: 0; right: 0; bottom: 0; margin-top: 0; width: auto; height: auto; font-size: 16px; min-height: auto; } #sticky-footer h2 { font-size: 20px; margin-top: 0; padding-top: 0; } #sticky-footer #popup-close { color: white; float: right; font-size: 20px; font-weight: bold; margin-right: 20px; z-index: 999; } .popup-left-half img { display: none; } .popup-right-half { width: auto; margin-left: 10px; margin-right: 10px; } } @media ( max-height: 500px ) and ( max-width: 600px ) { #sticky-footer { min-height: 160px; height: auto; width: 100%; position: fixed; bottom: 0; z-index: 99; background-color: #198CCA; box-shadow: 0px 1px 50px #5E5E5E; display: block; } #sticky-footer article { height: auto; left: 0; right: 0; padding-top: 0; padding-bottom: 0; } .popup-row { position: relative; width: inherit; } #sticky-footer h2 { font-size: 20px; margin-top: 0; padding-top: 0; } #sticky-footer #popup-close { color: white; float: right; font-size: 20px; font-weight: bold; margin-right: 20px; z-index: 999; } .popup-left-half img { display: none; } .popup-right-half { width: auto; margin-left: 10px; margin-right: 10px; } } @media ( min-width: 640px ) { #sticky-footer article { min-height: 160px; top: 0; left: 0; right: 0; padding-top: 0; padding-bottom: 0; height: auto; color: white; width: 100%; position: absolute; } .popup-row { position: relative; width: inherit; } #sticky-footer h2 { font-size: 20px; margin-top: 0; padding-top: 0; } #sticky-footer #popup-close { color: white; float: right; font-size: 20px; font-weight: bold; margin-right: 20px; z-index: 999; } .popup-left-half { height: auto; position: absolute; top: 10px; left: inherit; } .popup-left-half img { display: none; } .popup-right-half { width: auto; margin-left: 10px; margin-right: 10px; } } @media ( max-width: 1024px ) { #popup-content { max-width: 95%; } #sticky-footer article { top: 0; left: 0; right: 0; bottom: 0; margin-top: 0; height: auto; color: white; width: 100%; position: absolute; } #sticky-footer h2 { font-size: 20px; } #sticky-footer #popup-close { color: white; float: right; font-size: 20px; font-weight: bold; margin-right: 20px; z-index: 999; } .popup-row { position: relative; width: inherit; } .popup-left-half img { display: none; } .popup-right-half { width: auto; margin-left: 10px; margin-right: 20px; } #popup-content { width: 95%; } } @media ( min-width: 1025px ) { /* landscape mode with image on left */ #popup-content { width: 95%; } #sticky-footer h2 { font-size: 28px; } #sticky-footer article { top: 0; left: 0; right: 0; bottom: 0; margin-top: 0; height: 120px; color: white; width: 100%; position: absolute; } #sticky-footer #popup-close { color: white; float: right; font-size: 28px; font-weight: bold; margin-right: 20px; z-index: 999; } #popup-content { width: 95%; } .popup-left-half img { height: 80px; float: left; display: block; } .popup-right-half { float: left; width: auto; margin-left: 100px; } } @media ( min-width: 1220px ) { #popup-content { width: 90%; } } </style> <style> body { background:linear-gradient(110deg, rgba(63,173,180,0.8) 0%, rgba(160,193,85,0.8) 100%) , url("https://campuslifeservices.ucsf.edu/nexus/api/resources/img/UCSF_20160202_UCOP_005.jpg"); background-size:100%; background-position: left top; background-color: lightgray; } </style> </head> <body onload="InitForm()"> <div id="sticky-header" class="sticky-shadow"> <section id="ucsf-banner-nav" class="no-logo"> <div class="top-header-container row wrap"> <ul class="menu"> <li class="first"><a href="http://www.ucsf.edu">University of California San Francisco</a></li> <li><a href="http://www.ucsfhealth.org/">UCSF Medical Center</a></li> <li><a href="http://www.ucsf.edu/search" title="">Search UCSF</a></li> <li><a href="http://www.ucsf.edu/about">About UCSF</a></li> </ul> </div> </section> <nav id="main_nav" class="top-bar wrap" > <div class="top-bar-left" > <h1 id="js-cls-logo"><a href="https://www.library.ucsf.edu/use/print-scan-copy"><img width='40%' src="https://campuslifeservices.ucsf.edu/nexus/api/resources/img/UCSF_sublogo_Library_navy_RGB.png" alt="Campus Life Services"></a></h1> <div id="mobile-menu" data-toggler=".showme"> <ul class="menu"> <li><a href="/webdeposit/" >DM WebPay</a></li> </ul> </div> </div> <div class="top-bar-right show-for-desktop set-relative"> <div id="cls-menu"> <ul class="menu"> <li><a href="/webdeposit/" >DM WebPay</a></li> </ul> </div> </div>  </nav> </div>  <br> <center> <script> // Show an element var show = function (elem) { elem.classList.add('is-visible'); }; // Hide an element var hide = function (elem) { elem.classList.remove('is-visible'); }; // Toggle element visibility var toggle = function (elem) { elem.classList.toggle('is-visible'); }; var toggleUCSF = function (event) { event.preventDefault() var f = document.getElementById("myForm"); var x = document.getElementById("contentUCSF"); var xx = document.getElementById("UCSFHeader"); var y = document.getElementById("contentNONUCSF"); var yy = document.getElementById("PublicHeader"); var m = document.getElementById("maintable"); if (x.style.display === "none") { f.style.display = "block"; x.style.display = "block"; xx.style.display = "block"; m.style.display= "grid"; } else { //f.style.display = "none"; //x.style.display = "none"; //xx.style.display = "none"; } y.style.display = "none"; yy.style.display = "none"; }; var toggleNONUCSF = function (event) { event.preventDefault() var f = document.getElementById("myForm"); var x = document.getElementById("contentUCSF"); var xx = document.getElementById("UCSFHeader"); var y = document.getElementById("contentNONUCSF"); var yy = document.getElementById("PublicHeader"); var m = document.getElementById("maintable"); if (y.style.display === "none") { f.style.display = "block"; y.style.display = "block"; yy.style.display = "block"; m.style.display= "grid"; } else { //f.style.display = "none"; // y.style.display = "none"; //yy.style.display = "none"; } x.style.display = "none"; xx.style.display = "none"; }; </script> <style> .bigbuttons{ align-items: center ; background-attachment: scroll ; background-clip: border-box ; background-color: rgba(0, 0, 0, 0) ; background-image: none ; background-origin: padding-box ; background-position-x: 0% ; background-position-y: 0% ; background-repeat-x: ; background-repeat-y: ; background-size: auto ; border-bottom-color: rgb(23, 140, 203) ; border-bottom-left-radius: 2px ; border-bottom-right-radius: 2px ; border-bottom-style: solid ; border-bottom-width: 3px ; border-image-outset: 0px ; border-image-repeat: stretch ; border-image-slice: 100% ; border-image-source: none ; border-image-width: 1 ; border-left-color: rgb(23, 140, 203) ; border-left-style: solid ; border-left-width: 3px ; border-right-color: rgb(23, 140, 203) ; border-right-style: solid ; border-right-width: 3px ; border-top-color: rgb(23, 140, 203) ; border-top-left-radius: 2px ; border-top-right-radius: 2px ; border-top-style: solid ; border-top-width: 3px ; box-shadow: none ; box-sizing: border-box ; color: rgb(23, 140, 203) ; cursor: pointer ; display: inline-flex ; flex-basis: auto ; flex-grow: 0 ; flex-shrink: 0 ; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif ; font-size: 15px ; font-stretch: 100% ; font-style: normal ; font-variant-caps: normal ; font-variant-east-asian: normal ; font-variant-ligatures: normal ; font-variant-numeric: normal ; font-weight: 500 ; height: 59px ; justify-content: center ; letter-spacing: normal ; line-height: 25.2px ; margin-bottom: 6px ; margin-left: 0px ; margin-right: 0px ; margin-top: 6px ; min-width: 88px ; outline-color: rgb(23, 140, 203) ; outline-style: none ; outline-width: 0px ; overflow-x: visible ; overflow-y: visible ; padding-bottom: 0px ; padding-left: 32px ; padding-right: 32px ; padding-top: 0px ; position: relative ; text-align: center ; text-decoration-color: rgb(23, 140, 203) ; text-decoration-line: none ; text-decoration-style: solid ; text-indent: 0px ; text-rendering: auto ; text-shadow: none ; text-size-adjust: 100% ; text-transform: uppercase ; transition-delay: 0s, 0s ; transition-duration: 0.3s, 0.001s ; transition-property: all, color ; transition-timing-function: cubic-bezier(0.25, 0.8, 0.5, 1), ease ; user-select: none ; vertical-align: middle ; width: 247.359px ; word-spacing: 0px ; writing-mode: horizontal-tb ; -webkit-appearance: none ; -webkit-box-align: center ; -webkit-box-direction: normal ; -webkit-box-flex: 0 ; -webkit-box-pack: center ; -webkit-font-smoothing: antialiased ; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) ; -webkit-border-image: none ; background-color: rgba(254,254,254,0.69) } .bigbuttons:hover{ background:#f26d04; border-color:#f26d04; color:white; } tr { background:none; } h1 { font-size:60px; color:rgb(23, 140, 203); color:rgb(254, 254, 254); font-weight:stronger; text-shadow: 2px 2px 1px rgba(0,0,0, 0.2); line-height:80%; text-transform: uppercase; } h2 { color:white; text-shadow:2px 2px 1px rgba(0,0,0, 0.2); line-height:80%; } .myTableCellLeft { display: inline-block; width:48%; } </style> <br> <br> <br><br> <br> <br> <form method="POST" name="ThisForm" action="/webdeposit/index.ptxt" onsubmit="return ValidateForm()"> <input type="hidden" name="FormName" value="LoginForm"> <div id=chooser class="seeThis" style="width:1100px;padding:50px;text-align:left"> <h1><strong>Welcome to<br>DM WEBPAY</h1></strong> <hr> <br><br> <h2>Please, click to tell us who you are:</h2><br> <br> <div style="text-align:center;width:100%"> <button id=UCSFPerson class=bigbuttons value="UCSFPeople" onclick="toggleUCSF(event)">UCSF User</button> <button id=NonUCSF class=bigbuttons value="NonUCSF" onclick="toggleNONUCSF(event)">Non UCSF User</button> </div> </div> <center> <table id=maintable border="0" cellspacing="10" cellpadding='20' width="1100px" style="display:none;background: rgba(255,255,255,0.5)"> <tr><td class="message_ucsf" colspan=2 width="1100"> <center> <div id='UCSFHeader' style='display:none;width:500px;text-align:center;'> <strong>UCSF User (Students, Faculty, and Staff)</strong><br /> <br /> </div> <div id='PublicHeader' style='display:none;width:500px;text-align:center;'> <strong>NON UCSF User</strong><br /> <br /> </div> <div id='myForm' style='display:none;width:500px;'> <div class=myTableCellLeft>Username: </div> <div class=myTableCellLeft><input type="text" size=35 name="UserName" id="UserName" autofocus> </div> <div class=myTableCellLeft>Password: </div> <div class=myTableCellLeft><input type="password" size=35 name="Password" id="Password"> </div> <div class=myTableCellLeft> </div> <div class=myTableCellLeft><input class=bigbuttons type="submit" id="Login" value=" Login "> </div> </div>  <br> <br><center> <div id='contentUCSF' style='display:none;width:500px;text-align:left;'> <span style="color: #ff0000">If you have a UCSF email address, login with your email username and password. DO NOT create an account.</span> <br /><br /> Typically, your email username is lastnameFirstinitial or firstinitialLastname (e.g.: jsmith or smithj) but there are exceptions. <br /><br /> If you need help with your domain/email account please call 415-514-4100 or visit <Br> <br><strong> <a href="https://ucsf.service-now.com/ess/home.do" target="_new">ServiceNow</a></strong><br />  <br> <br> </div></center><center> <div id='contentNONUCSF' style='display:none;width:500px'> <br /> If you are a non UCSF user and do not have a UCSF email account, then you will need to create a new DM WebPay account.  <br> <br> <ul style="text-align:left"><li style="text-align:left"> Please create a username that is at least 4 characters long. </li><li> DO NOT create a user name that is an email address. </li><li> An email address is required when creating a new account to receive proof of payment receipts and customer service response. </li></ul> <br /> <table><br><Strong> <script>MakeCreateLink()</script></strong> </table> </div> </td></tr> </table> <br> </form> </center> </body> </html>