CINXE.COM
Log In - University of California San Francisco
<!DOCTYPE html> <html lang="en"> <head> <title>Log In - University of California San Francisco</title> <link rel="icon" href="https://d36ip4aaaospdf.cloudfront.net/images/AI_MS_FavIcon.png?v1" sizes="32x32" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="expires" content="-1" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta name="author" content="Attendee Interactive" /> <base href="https://ww2.highmarksce.com/ucsf/" /> <link rel="stylesheet" type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/bootstrap/bootstrap.min.css" /> <link rel='stylesheet' href='https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css' /> <link type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/css/jquery.timepicker.min.css?v1" rel="stylesheet"><link type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/tempusDominus/styles.css?v2" rel="stylesheet"><link type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/css/jQueryCollapsiblePanel.min.css?v1" rel="stylesheet"><link type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/css/aievolution.min.css?v45" rel="stylesheet"><link type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/css/enduringMaterials.min.css?v1" rel="stylesheet"><link type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/css/textcounter.min.css?v1" rel="stylesheet"><link type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/css/aiSearchValueList.css?v3" rel="stylesheet"><link type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/select2/4.1.0/select2.min.css?v1" rel="stylesheet"><link type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/fontawesome/5.15.4/css/all.css?v2" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="layouts/css/lay_Centered02.css?v1" /> <script type="text/javascript" src="https://d36ip4aaaospdf.cloudfront.net/jquery/3.5.1/jquery.min.js?v1" integrity="sha384-ZvpUoO/+PpLXR1lu4jmpXWu80pZlYUAfxl5NsBMWOEPSjUn/6Z/hRTt8+pR6L4N2" crossorigin="anonymous"></script><script type="text/javascript" src="https://d36ip4aaaospdf.cloudfront.net/js/jquery.timepicker.min.js?v1" integrity="sha384-2Zblj+6unl4nbS2qF4KmpwMSiMmFxKJE86xQ/m82vhUwCm9Q/BqlDNBzeOrkG/i/" crossorigin="anonymous"></script><script type="text/javascript" src="https://d36ip4aaaospdf.cloudfront.net/popper/2.11.6/popper.min.js?v1" integrity="sha384-h0xhq3q4IaOlykeyuJtjh6Mavpyvy0NZvKIcki4ybnYT0+UerS6Kyc1BZqjIhycF" crossorigin="anonymous"></script><script type="text/javascript" src="https://d36ip4aaaospdf.cloudfront.net/tempusDominus/script.js?v2" integrity="sha384-tK5Kr1gQ4//FQMW5T1G7y5zn8TALs48cRx+LYyzb3vudntZdZWopeM20EktEKKxB" crossorigin="anonymous"></script><script type="text/javascript" src="https://d36ip4aaaospdf.cloudfront.net/js/jQueryCollapsiblePanel.min.js?v1" integrity="sha384-KKnJCo9fq2yMYENrjZJ2+bC8IV41Z2qzHw2Y0twaHGNNo5sXKoPY6TtGQWJ789SQ" crossorigin="anonymous"></script><script type="text/javascript" src="https://d36ip4aaaospdf.cloudfront.net/js/textcounter.min.js?v1" integrity="sha384-tOtJVBb3ci93IR9UuOd6sWpsniPv6baQcVni0nWplZJG1p06gp1+eoTgNenYbaXd" crossorigin="anonymous"></script><script type="text/javascript" src="https://d36ip4aaaospdf.cloudfront.net/js/jquery.tablesorter.min.js?v1" integrity="sha384-PJco0i7tfC0iIYuvAswnXmDvwV6Ecvz5500W3wGvmoUfeoguVBJXRXKdYPIqfRvX" crossorigin="anonymous"></script><script type="text/javascript" src="https://d36ip4aaaospdf.cloudfront.net/js/ai-evolution.min.js?v38" integrity="sha384-KjTiZZ3K8DtyEFOz1gdRvse/rvOQMJlZLLLoGmEsyjUMv5XyrEzffqYNTfN4/yhz" crossorigin="anonymous"></script><script type="text/javascript" src="https://d36ip4aaaospdf.cloudfront.net/select2/4.1.0/select2.min.js?v1" integrity="sha384-XK+RNWGMTrzmgW2CdtRbo2PqZHhp7RgVc/jV/D7ni+nwdjRySR8hjTizxoqhHOf8" crossorigin="anonymous"></script> <link type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/semantic/transition.min.css?v1" rel="stylesheet"><link type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/semantic/dropdown.min.css?v1" rel="stylesheet"> </head> <body class="ai-content-page"> <header class="site-header" aria-label="Branding, Search, Social Links, Main Navigation"> <div class="global-header"> <div class="content-wrapper"> <div class="global-brand"> <a href="https://www.ucsf.edu/" target="_blank">University of California San Francisco</a> </div> <div class="global-links"> <a href="http://medschool.ucsf.edu/" target="_blank">UCSF School of Medicine</a> <a href="https://www.ucsfhealth.org" target="_blank">UCSF Medical Center</a> </div> </div> </div> <div class="clear"></div> <div class="primary-header"> <div class="content-wrapper"> <div id="branding" class="primary-brand"> <a href="index.cfm?" title="Home" rel="home" class="site-logo"> <img src="files/images/UCSF_mainLogo.png" alt="UCSF Continuing Medical Education" width="300px"> </a> </div> <script type="text/javascript"> function removeLoadedAndCheck() { $('.nav-primary-toggle .navbar-toggler').removeClass('loaded'); $('.nav-primary-toggle').each(function () { if( $(this).hasClass('loaded') || $(this).hasClass('collapsed') ) { toggleChildMenu('-10'); } }); } </script> <div class="nav-primary-toggle"> Menu <a href="#" class="navbar-toggler loaded" data-toggle="collapse" data-target="#primary-collapse" onclick="removeLoadedAndCheck();"><span class="fa fa-plus"></span><span class="fa fa-minus"></span></a> </div> <div class="nav-primary-collapse collapse" id="primary-collapse"> <div class="nav-right dropdown"> <nav aria-labelledby="top-menu" id="topmenu" class="navigation"> <div class="nav-primary"> <ul><li><a href="index.cfm?do=cnt.page&pg=1" title="Home" target="">Home</a></li><li><a href="index.cfm?do=cnt.page&pg=1019" title="Administrator Resources" target="">Administrator Resources</a> <span id="toggle-menu-1019" class="toggleMenuSpan" onclick="javascript:toggleChildMenu(1019)"><span class="mainNavL1Children"><i class="fa fa-chevron-down"></i><i class="fa fa-chevron-up"></i></span></span></li><li><a href="index.cfm?do=cnt.page&pg=1009" title="Faculty/Speaker Resources" target="">Faculty/Speaker Resources</a> <span id="toggle-menu-1009" class="toggleMenuSpan" onclick="javascript:toggleChildMenu(1009)"><span class="mainNavL1Children"><i class="fa fa-chevron-down"></i><i class="fa fa-chevron-up"></i></span></span></li><li><a href="index.cfm?do=cnt.page&pg=1008" title="Planning Resources" target="">Planning Resources</a> <span id="toggle-menu-1008" class="toggleMenuSpan" onclick="javascript:toggleChildMenu(1008)"><span class="mainNavL1Children"><i class="fa fa-chevron-down"></i><i class="fa fa-chevron-up"></i></span></span></li><li><a href="index.cfm?do=cnt.runGenericSearch&code=COURSES,GRANDROUNDS,ONDEMAND" title="Courses" target="">Courses</a> <span id="toggle-menu-1016" class="toggleMenuSpan" onclick="javascript:toggleChildMenu(1016)"><span class="mainNavL1Children"><i class="fa fa-chevron-down"></i><i class="fa fa-chevron-up"></i></span></span></li><li><a href="index.cfm?do=cnt.page&pg=1006" title="Log In" target="">Log In</a></li><li><a href="https://app.smartsheet.com/b/publish?EQBCT=d90bec483407422dabdd68785302eea6" title="Credit-Request Status Dashboard" target="">Credit-Request Status Dashboard</a></li></ul> </div> </nav> </div> </div> </div> </div> <div class="clear"></div> <div class="low-header"> <div class="content-wrapper"> <div class="low-header-content">Continuing Education Portal</div> </div> </div> <div class="clear"></div> <script type="text/javascript"> function toggleChildMenu(menuId) { $('.nav-child-menu').each(function () { if( $(this).attr('id') == 'child-menu-'+menuId ) { if($(this).hasClass('child-shown')) { $(this).removeClass('child-shown'); $('#children-nav').removeClass('children-shown'); $('#toggle-menu-'+menuId).removeClass('child-shown'); } else { $(this).addClass('child-shown'); $('#children-nav').addClass('children-shown'); $('#toggle-menu-'+menuId).addClass('child-shown'); } } else { $(this).removeClass('child-shown'); $('#'+$(this).attr('id').replace('child-menu-','toggle-menu-')).removeClass('child-shown'); } }); } </script> <div id="children-nav"> <div class="content-wrapper"> <div class="nav-child-menu dropdown" id="child-menu-1019"><h2 class="nav-child-menu-header">Administrator Resources</h2><ul><li><a href="index.cfm?do=cnt.page&pg=1024" title="Frequently Used Forms" target="""><span class="mainNavL2PushOut"></span>Forms</a></li><li><a href="index.cfm?do=cnt.page&pg=1029" title="IPCE" target="""><span class="mainNavL2PushOut"></span>Interprofessional Education- What you need in your Credit Request</a></li><li><a href="https://app.smartsheet.com/b/publish?EQBCT=dd603042cda9423b97c0dd12be4246e0" title="Instructions- How to Create Your First Credit Request Application" target="""><span class="mainNavL2PushOut"></span>Create A Credit Request Application for the First Time</a></li></ul></div><div class="clear"></div><div class="nav-child-menu dropdown" id="child-menu-1009"><h2 class="nav-child-menu-header">Faculty/Speaker Resources</h2><ul><li><a href="index.cfm?do=cnt.page&pg=1015" title="Minimum Submission Requirements" target="""><span class="mainNavL2PushOut"></span>Minimum Submission Requirements</a></li><li><a href="index.cfm?do=cnt.page&pg=1013" title="Presentation Requirements" target="""><span class="mainNavL2PushOut"></span>Presentation Requirements</a></li><li><a href="index.cfm?do=cnt.page&pg=1014" title="Submitting a Photo/Headshot" target="""><span class="mainNavL2PushOut"></span>Submitting a Photo/Headshot</a></li></ul></div><div class="clear"></div><div class="nav-child-menu dropdown" id="child-menu-1008"><h2 class="nav-child-menu-header">Planning Resources</h2><ul><li><a href="index.cfm?do=cnt.page&pg=1026" title="Standards for Independence in Accredited CE" target="""><span class="mainNavL2PushOut"></span>Standards for Independence in Accredited CE</a></li><li><a href="index.cfm?do=cnt.page&pg=1020" title="Ineligible Companies" target="""><span class="mainNavL2PushOut"></span>Ineligible vs. Eligible Companies</a></li><li><a href="index.cfm?do=cnt.page&pg=1021" title="Conflict of Interest & Mitigation of Financial Relationships" target="""><span class="mainNavL2PushOut"></span>Conflict of Interest & Mitigation of Financial Relationships</a></li><li><a href="index.cfm?do=cnt.page&pg=1022" title="Forms & Tools to Support New Standards for Independence" target="""><span class="mainNavL2PushOut"></span>Forms & Tools to Support the New Standards</a></li><li><a href="index.cfm?do=cnt.page&pg=1023" title="FAQ for the New Standards" target="""><span class="mainNavL2PushOut"></span>Frequently Asked Questions</a></li><a data-hover="dropdown" data-delay="500" role="button" aria-expanded="false" href="index.cfm?do=cnt.page&pg=1028" title="Cultural and Linguistic Competence and Implicit Bias" target=""><span class="mainNavL2PushOut"></span>CLC/IB in Health Care<span class="mainNavL2Children"><i class="fa fa-angle-right"></i></span></a><ul class="dropdown-menu" role="menu"><li><a href="index.cfm?do=cnt.page&pg=1027" title="UCSF Resources for CLC and IB" target=""><span class="mainNavL3PushOut"><i class="fa fa-angle-right"></i></span>CLC/IB Resources</a></li></ul></li><li><a href="https://app.smartsheet.com/b/form/9ce29c06ae464342b6d259fd9fb2a52c" title="OCME-Use-Only Disclosure Form" target="""><span class="mainNavL2PushOut"></span>OCME-Use-Only Disclosure Form</a></li></ul></div><div class="clear"></div><div class="nav-child-menu dropdown" id="child-menu-1016"><h2 class="nav-child-menu-header">Courses</h2><ul><li><a href="index.cfm?do=cnt.runGenericSearch&code=COURSES,GRANDROUNDS,ONDEMAND" title="Available Courses" target="""><span class="mainNavL2PushOut"></span>Available Courses</a></li><li><a href="index.cfm?do=cnt.runGenericSearch&code=EXPIRED_ACTIVITIES" title="Past Courses" target="""><span class="mainNavL2PushOut"></span>Past Courses</a></li></ul></div><div class="clear"></div> </div> </div> <div class="clear"></div> </header> <link type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/css/jquery.timepicker.min.css?v1" rel="stylesheet"><link type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/tempusDominus/styles.css?v2" rel="stylesheet"><link type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/css/jQueryCollapsiblePanel.min.css?v1" rel="stylesheet"><link type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/css/aievolution.min.css?v45" rel="stylesheet"><link type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/css/enduringMaterials.min.css?v1" rel="stylesheet"><link type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/css/textcounter.min.css?v1" rel="stylesheet"><link type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/css/aiSearchValueList.css?v3" rel="stylesheet"><link type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/select2/4.1.0/select2.min.css?v1" rel="stylesheet"><link type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/fontawesome/5.15.4/css/all.css?v2" rel="stylesheet"> <div id="bodyWrapper"> <div class="container-fluid content-wrapper"> <div id="content" class="row"> <div id="main" class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <span id="contentTop" name="contentTop"></span> <div id="main-inner"> <h1>Log In</h1> <div id="pagecontenttop"><p>UCSF Office of CME utilizes a web-based system for the management of accreditation applications and associated data. The platform enables a streamlined process for application submission, committee review, reporting and follow-up data submission for various types of credits and professions</p> <p>Log in here to submit or update applications for accredited CE activities.</p> <p>If you do not already have an account, easily create one by entering information on the right side of the screen.</p> </div> <link type="text/css" href="https://d36ip4aaaospdf.cloudfront.net/cookieconsent/css/cookieconsent.css?v2" rel="stylesheet"> <script type="text/javascript" src="https://d36ip4aaaospdf.cloudfront.net/cookieconsent/js/cookieconsent.min.js?v3" integrity="sha384-bkHTPG7FyqeA/eLktr7csKEYwQlIPJTa4nmOyNze/mvQ1or5eMYnAuV1TYmydb0H" crossorigin="anonymous"></script> <script> try { var cc = new CookieConsent({ type:'info', content: { header: 'Cookie\x20Notification', message: 'This\x20site\x20uses\x20cookies\x20to\x20provide\x20you\x20with\x20a\x20great\x20user\x20experience.\x20By\x20continuing\x20to\x20use\x20this\x20site\x20you\x20accept\x20our\x20use\x20of\x20cookies.', dismiss: 'Dismiss', allow: 'Allow', deny: 'Deny', link: 'Cookie\x20Policy', href: 'https\x3A\x2F\x2Fwww.attendeeinteractive.com\x2Fprivacy\x2Dpolicy\x2F', close: '\u274C', policy: 'Cookie\x20Policy', target: '_blank', }, layout: 'basic', dismissOnScroll: 150, dismissOnTimeout: false, dismissOnWindowClick: true, dismissOnLinkClick: true, cookie: { name: 'usf1901_ai', domain: window.location.hostname, expiryDays: 365 } }); cc.on( 'error', console.error ); cc.open(); } catch (e) {} </script> <div id="pagecontentmiddle"> <div class="activitySiginLeftCont"> <form id="signIn" name="signIn" method="post" action="https://ww2.highmarksce.com/ucsf/Users/signInAttendeeUser" onsubmit="return Validate()" ai-ignore-captcha="true"> <div id="signinform" class="activitySigninForm"> <fieldset> <legend tabindex='0'>Existing Account</legend> <p>Please enter your username and password. Note: your username is the email address you used to create the account.</p> <script type="text/javascript"> <!-- function Validate() { if ((document.getElementById("username").value.length == 0) || (document.getElementById("password").value.length == 0)) { alert('You must enter a Username and Password.'); return false; } else var submit = document.getElementById("signInSubmit"); submit.value = "Processing..."; submit.disabled = true; return true; } //--> </script> <div> <label for="username" title="Username">Username:</label> <input type="Text" id="username" name="username" value="" size="20" required /> </div> <div> <label for="password" title="Password">Password:</label> <input type="password" id="password" name="password" value="" size="20" autocomplete="off" required /> </div> <div class="centerwithpad"> <input type="submit" value="Sign In" id="signInSubmit" name="submit" class="button" title="Sign In"/> <input type="hidden" name="nextStep" id="nextStep_existing" value="att.viewPersonDashboard__attendeeID=AI_ATTENDEEID" /> <input type="hidden" id="signInPurpose_existing" name="signInPurpose" value="ACCOUNTINFO" /> <input type="hidden" id="" name="ai_conf_key" value="C17C8729-0325-883D-648A919A7B1F39C5260005" /><input type="hidden" id="" name="ai_conf_token" value="8FFB814B6DC1BD6989A8D5ACC5E20ABA3EE1BF40" /> </div> <p>Forgot your Username or Password? <a href="index.cfm?do=usr.forgotPassword&signInType=speaker&nextStep=att.viewAccountInfo__attendeeID=AI_ATTENDEEID&username=" title="Get it now!">Get it now!</a></p> </fieldset> </div> </form> </div> <div class="activitySiginRightCont" > <form id="newProfile" name="newProfile" method="post" action="https://ww2.highmarksce.com/ucsf/Users/saveNewProfile"> <div class="formedit"> <fieldset title="Create New Account" id="createNewAccount"> <legend tabindex='0'>Create New Account</legend> <script type="text/javascript"> <!-- // 5/8/2018 - JED: Added toggle to require consent. function iConsentToggle() { try { var submit = document.getElementById("createAccountSubmit"); var iConsent = document.getElementById("iConsent"); if(iConsent.checked == true) { submit.disabled = false; } else { submit.disabled = true; }; } catch (err) { //do nothing } } //--> </script> <div class="centerwithpad"><span class="required">*</span> - indicates a required item.</div> <div> <label for="firstName" title="First Name"><span class="required">*</span>First Name:</label> <input type="text" id="firstName" name="firstName" value="" size="40" maxlength="50" required /> </div> <div> <label for="lastName" title="Last Name"><span class="required">*</span>Last Name:</label> <input type="text" id="lastName" name="lastName" value="" size="40" maxlength="50" required /> </div> <div> <label for="email1" title="Email"><span class="required">*</span>Email:</label> <input type="email" id="email1" name="email1" value="" size="45" maxlength="75" required/> </div> <div> <label for="confirmEmail1" title="Confirm Email Address"><span class="required">*</span>Confirm Email Address:</label> <input type="email" id="confirmEmail1" name="confirmEmail1" value="" size="45" maxlength="75" required/> </div> <div> <div>This form collects name, email address and other contact information so our support team can communicate and provide assistance. Please check our <a href='https://www.attendeeinteractive.com/privacy-policy/' target='_blank'>Privacy Policy</a> to see how we protect and manage submitted data.</div> <div><span class="required">*</span><input type="checkbox" id="iConsent" name="iConsent" value="Yes" onchange="javascript:iConsentToggle();" />I consent to having this contact information collected via this form.</div> </div> <div class="centerwithpad"> <input type="hidden" name="aigrenderv" value="1" /> <script src="https://www.google.com/recaptcha/api.js" async defer></script><div class="g-recaptcha" data-size="normal" data-sitekey="6LftAkElAAAAAMWeciS3U5CRxqmibvMm08oVUfhM"></div> <input type="submit" value="Create Account" id="createAccountSubmit" name="Submit" class="button" title="Sign In" /> <input type="hidden" id="attendeeID" name="attendeeID" value="-1" /> <input type="hidden" id="updatedOn" name="updatedOn" value="{ts '2025-02-17 05:00:26'}" /> <input type="hidden" id="style" name="style" value="0" /> <input type="hidden" id="userRegistrationProfile" name="userRegistrationProfile" value="1" /> <input type="hidden" id="signInPurpose" name="signInPurpose" value="ACCOUNTINFO" /> <input type="hidden" id="isNew" name="isNew" value="true" /> <input type="hidden" id="plannerID" name="plannerID" value="" /> <input type="hidden" id="nextStep" name="nextStep" value="att.viewPersonDashboard__attendeeID=AI_ATTENDEEID" /> <input type="hidden" id="" name="ai_conf_key" value="C17C8729-0325-883D-648A919A7B1F39C5260005" /><input type="hidden" id="" name="ai_conf_token" value="8FFB814B6DC1BD6989A8D5ACC5E20ABA3EE1BF40" /> </div> </fieldset> <script> <!-- iConsentToggle(); //--> </script> </div> </form> </div> </div> <div class="unsaved-status-template unsaved-status text-center" style="display: none"><i class="red fa fas fa-exclamation-circle"></i> You have unsaved changes.</div> <script type="text/javascript"> $( document ).ready(function() { // select Forms(s) that have our custom attribute. var theForm = $("form[unsaved-change-message='true']"); if (theForm.length > 0) { // As long as we have at least one form using unsaved-change-message we will continue here. createUnsavedChangeMessageDivs(); addUnsavedChangeEventListeners(); } // Helper functions function addUnsavedChangeEventListeners() { // add event listners in a function. If you are doing anything dynamic and you need to add listeners on the fly you can just call this function instead of manually adding listeners. // 1. Standard input listener for regular inputs $("form[unsaved-change-message='true']").find("input").on("change", showUnsavedStatus); // 2. Add a listner that works for select inputs. $("form[unsaved-change-message='true']").find("select").on('change', showUnsavedStatus); // 3. Text areas $("form[unsaved-change-message='true']").find("textarea").on('change', showUnsavedStatus); } // This does the work of creating and inserting the unsaved status messages. function createUnsavedChangeMessageDivs() { // this template div should get added via appended content. We are going to clone it to the spots we want to use it on the page. var htmlContent = $("div.unsaved-status-template"); // Clone to top $("form[unsaved-change-message='true']").before(htmlContent.clone().removeClass("unsaved-status-template")); // Clone to bottom. $("form[unsaved-change-message='true']").find("input[type='submit']").after(htmlContent.clone().removeClass("unsaved-status-template")); } // This does the work of switching the message(s) to display. note we exclue the template. function showUnsavedStatus() { document.querySelectorAll('div.unsaved-status:not(.unsaved-status-template)').forEach(function( element ) { element.style.display = 'block'; }); } }); </script> <style> #ai-notification-pool { position: fixed; top: 10px; right: 10px; width: auto; z-index: 10000; } #ai-notification-pool > div { display: block; width: 400px; margin-top: 15px; } .ai-timed-notification-progress { position: absolute; } .ai-timed-notification { position: relative; margin-bottom: 0px; padding: 10px; padding-left: 20px; padding-right: 20px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } .ai-timed-notification.alert-dismissible .close { top: -5px; right: -15px; } .ai-timed-notification.alert-dismissible .close .fa { color: rgba(0, 0, 0) !important; } .ai-timed-notification-progress { position: absolute; bottom: 0; right: 0; height: 8px; width: 400px; border-bottom: 5px solid rgba(0, 0, 0, 0.221); } .ai-timed-notification-progress.clocked { width: 0px; } </style> <div id="ai-notification-pool"></div> <script type="text/javascript"> function buildNotification( content, seconds, alertClass ) { var content_seconds = 8; if( !isNaN( seconds ) ) { content_seconds = seconds; } var alert_class = alertClass || ''; return ` <div class="ai-timed-notification alert ${alert_class} alert-dismissible" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true"><span class="red fa fas fa-times"></span></button> <div class="ai-notification-content">${content}</div> <div class="ai-timed-notification-progress"> </div> </div> `; } function pushTimedNotification( content, seconds, alertClass ) { var newNotification = document.createElement('div'); newNotification.innerHTML = buildNotification( content, seconds, alertClass ); document.getElementById( 'ai-notification-pool' ).appendChild( newNotification ); runTimedNotification( newNotification, seconds ); } function runTimedNotification( notificationElement, seconds ) { var transitionCSS = 'width ' + seconds + 's linear'; var progressDiv = $( notificationElement ).find( '.ai-timed-notification-progress' )[0]; progressDiv.style.transition = transitionCSS; setTimeout( function() { $(progressDiv).addClass('clocked') }, 100 ); setTimeout( function() { notificationElement.remove() }, seconds * 1000 ); } </script> </div> </div> <div class="clear"></div> </div> </div> <div id="footer"> <div class="content-wrapper footer-links-container"> <div class="footer-left"> <div class="footer-links-header">LINKS</div> <a href="index.cfm?do=cnt.page&pg=3" title="OCME Admin Login" target=""">OCME Admin Login</a> </div> <div class="clear"></div> </div> <div class="content-wrapper sub-footer"> <div> <div class="footer-img"> <a href="https://meded.ucsf.edu/" target="_blank"><img src="files/images/ucsf-som-logo-inverted.png" alt="UCSF School of Medicine" height="60px"/></a> </div> <div>© 2025 The Regents of the University of California. <a href="https://www.ucsf.edu/">The University of California San Francisco<a> | <a href="https://www.ucsfhealth.org/">UCSF Medical Center</a></div> <div>© 2003-2025 <a href="http://www.highmarksce.com/" target="_blank" title="Link to HighMarksCE">HighMarksCE</a> - A Division of <a href="http://www.attendeeinteractive.com/" target="_blank" title="Link to Attendee Interactive">Attendee Interactive, LLC</a></div> </div> </div> </div> </div> <script type="text/javascript" src="https://d36ip4aaaospdf.cloudfront.net/bootstrap/bootstrap.min.js"></script> <script type="text/javascript" src="https://d36ip4aaaospdf.cloudfront.net/bootstrap/aievolution-bootstrap.js"></script> <script type="text/javascript" src="layouts/bootstrap-hover-dropdown.js"></script> <script src='https://use.fontawesome.com/308210517c.js'></script> <script type="text/javascript" src="layouts/js/aievolution.js?v10"></script> <script type="text/javascript"> //<!-- try{ $(function(){ $("img[alt='Red Flag']").replaceWith("<span class='required'>*</span>"); $(".stepRequired, .stepOptional, .step#navlist .current").html(function(){return $(this).text().replace("*","<span class='required'>*</span>");}); }); } catch(e){} //--> </script> <script type="text/javascript" src="./layouts/js/usf1901.js?v4"></script> <script type="text/javascript"> $( document ).ready(function() { try { aiUpdateAllHashLinks(); } catch (e) { console.log(e.message); } }); </script> <script type="text/javascript" src="https://d36ip4aaaospdf.cloudfront.net/js/aiValidation.js?v12" integrity="sha384-NN6iwmtdCaHgSqeg447MtmtIAjh9+lwaJ8atum2dmzXZfQndk/SNtNFDbpBMt//I" crossorigin="anonymous"></script><script type="text/javascript" src="https://d36ip4aaaospdf.cloudfront.net/js/aiEvo.js?v4" integrity="sha384-DfTQFtdcA/O6mSVkO9CRCvJUGC5oRxZLaNy/G6yR6d0NRWJdfZg0d7pnQegkrCtw" crossorigin="anonymous"></script><script type="text/javascript" src="https://d36ip4aaaospdf.cloudfront.net/js/aiSearchValueList.js?v2" integrity="sha384-BgVX8XRcMliAc9syyqcaxbS7TXXyKStHsYnMjIvmTiSEF/JCFzogbGIvrQggDyx7" crossorigin="anonymous"></script><script type="text/javascript" src="https://d36ip4aaaospdf.cloudfront.net/js/select2Extras.js?v1" integrity="sha384-9ft8n2bTWw9/+x5jy/qWDe5ujmGSEgzD2bCcHSwjTn1HQK/nkZycaXAdEjlGmjtD" crossorigin="anonymous"></script> </body> </html>