/* -----------------------------------------------------
Import
-------------------------------------------------------- */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-type-swf .fancybox-inner {
  background: #000;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-skin {
  position: relative;
  color: #444;
  border-radius: 4px;
  background: #fff;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  border: 0;
  background: #fff;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('/media/6549429/fancybox_sprite.png');
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('/media/6549413/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('/media/6549405/blank.gif');
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
  /* overflow: hidden !important; */
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: rgba(0, 0, 0, 0.7);
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading,
  .fancybox-close,
  .fancybox-prev span,
  .fancybox-next span {
    background-image: url('/media/6549437/fancybox_sprite_2x.png');
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url('/media/6549421/fancybox_loading_2x.gif');
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
.fancybox-type-inline .fancybox-outer .fancybox-inner {
  background: #ffffff url(/media/6693815/ajax-loader.gif) no-repeat center center;
}
.fancybox-inner > div,
.fancybox-inner > div > div {
  background: #fff;
}
.fancybox-inner .findAProgramCloseButton {
  display: none;
}
.fancybox {
  position: relative;
}
.fancybox[href$=".jpg"],
.fancybox[href$=".gif"],
.fancybox[href$=".png"] {
  display: inline-block;
}
.fancybox[href$=".jpg"]:hover::before,
.fancybox[href$=".gif"]:hover::before,
.fancybox[href$=".png"]:hover::before {
  content: "";
  height: 40px;
  width: 40px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2736.45%27%20height%3D%2736.45%27%20viewBox%3D%270%200%2036.45%2036.45%27%3E%3Cpath%20opacity%3D%27.4%27%20d%3D%27M18.23%201.34c-9.31%200-16.88%207.57-16.88%2016.88%200%209.31%207.57%2016.88%2016.88%2016.88%209.31%200%2016.88-7.57%2016.88-16.88%200-9.3-7.58-16.88-16.88-16.88z%27%2F%3E%3Cpath%20fill%3D%27%23FFF%27%20d%3D%27M18.23%2036.45C8.18%2036.45%200%2028.27%200%2018.22%200%208.18%208.18%200%2018.23%200s18.23%208.18%2018.23%2018.22c-.01%2010.05-8.19%2018.23-18.23%2018.23zm0-34.2c-8.81%200-15.98%207.17-15.98%2015.98s7.17%2015.98%2015.98%2015.98%2015.98-7.17%2015.98-15.98C34.2%209.42%2027.03%202.25%2018.23%202.25z%27%2F%3E%3Cpath%20fill%3D%27%23FFF%27%20d%3D%27M10.66%2016.4h15.12v3.65H10.66z%27%2F%3E%3Cpath%20fill%3D%27%23FFF%27%20d%3D%27M16.4%2010.66h3.65v15.13H16.4z%27%2F%3E%3C%2Fsvg%3E%0A");
  background-size: 40px 40px;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.fancybox img {
  cursor: pointer;
}
/* -----------------------------------------------------
Basic tags
-------------------------------------------------------- */
table {
  max-width: 100%;
}
table td h3:first-child,
table td h4:first-child {
  margin-top: 0;
}
body {
  /* Required so that the scale transform on the social element doesn't flicker the text rendering. */
  -webkit-font-smoothing: subpixel-antialiased;
}
h1 {
  margin: 0 0 20px;
}
h3,
h4 {
  font-weight: 700;
}
/* -----------------------------------------------------
Main Layout and layout classes
-------------------------------------------------------- */
/* Main Layout stuff */
#overall_wrapper {
  position: relative;
}
#overall_wrapper:after {
  /* Clearfix For modern browsers */
  content: "";
  display: table;
  clear: both;
}
.clear-left,
.clear_float_left {
  clear: left;
}
.clear {
  clear: both;
  line-height: 0;
  font-size: 0;
  height: 0;
  margin: 0;
  padding: 0;
}
.figurecaption,
figurecaption {
  background: #aaa;
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding: 3px 5px;
}
.inline-style {
  display: in-line;
}
.display-none {
  display: none;
}
.clear_both {
  clear: both;
}
.float_left {
  float: left;
}
.float_right {
  float: right;
}
.bold {
  font-weight: 700;
}
.leftFloat {
  float: left;
  text-align: left;
}
.even {
  background-color: #f0f0f0;
  overflow: hidden;
  padding: 15px 0 10px 5px;
  position: relative;
}
.odd {
  background-color: #fff;
  overflow: hidden;
  padding: 5px 0 10px 5px;
  position: relative;
}
.main-content .callout {
  max-width: none;
  margin: 15px;
  padding: 18px 22px 18px;
  /* Old browsers */
  background: #f7f6ea;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e1e1c7 0%, #f7f6ea 3%, #f7f6ea 97%, #e1e1c7 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e1e1c7 0%, #f7f6ea 3%, #f7f6ea 97%, #e1e1c7 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e1e1c7 0%, #f7f6ea 3%, #f7f6ea 97%, #e1e1c7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/* -----------------------------------------------------
Header
-------------------------------------------------------- */
.site-logo,
.ucsf-header-top {
  position: relative;
}
.site-logo::before,
.ucsf-header-top::before,
.navbar::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
}
.site-logo::before {
  background: #c5cbd5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #848586 0%, #c5cbd5 7%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #848586), color-stop(7%, #c5cbd5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #848586 0%, #c5cbd5 7%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #848586 0%, #c5cbd5 7%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #848586 0%, #c5cbd5 7%);
  /* IE10+ */
  background: linear-gradient(to bottom, #848586 0%, #c5cbd5 7%);
  /* W3C */
}
.ucsf-header-top::before {
  background: #58575c;
}
.navbar::before {
  background-color: #b4cdf5;
}
#topImage #left_transparent {
  background-size: cover !important;
  width: 100%;
  height: 100%;
}
#topImage #slideshow {
  position: relative;
  width: auto;
  height: auto;
}
#left_transparent {
  position: absolute;
  width: 100%;
  height: 166px;
  z-index: 51;
  background: url("/media/7966086/banner-transparency-v2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#slide_text {
  color: #FFF;
  text-align: left;
  z-index: 51;
  text-shadow: 0px 0px 10px #4d4d57;
  font-size: 22px;
  font-size: 2.2rem;
  margin: 35px 0 0 8px;
  font-weight: 300;
  line-height: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
}
#slide_text .banner_text_top {
  margin: 0 0 5px;
  font-weight: 700;
  color: #ffec91;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0;
}
#sg_topImageContainer a {
  height: auto;
  display: block;
  overflow: hidden;
  margin-right: -15px;
}
/* banner Slideshow */
.single_slide[alt="banner"] {
  position: absolute;
  z-index: 1000;
}
#theSlides img,
#topImage #slideshow {
  width: 590px;
  height: 102px;
}
#slideshow {
  position: absolute;
  width: 960px;
  height: 166px;
  z-index: 50;
}
#slides {
  position: relative;
  left: 0;
  top: 0;
}
#theSlides img {
  display: block;
}
.hide_at_first {
  display: none;
}
/* had the second, thrid... images so they don't flicker into view on screen redraw */
#section_right_bar {
  margin-top: 10px;
}
/* -----------------------------------------------------
UCSF global top naviation
-------------------------------------------------------- */
#sg_header {
  overflow: hidden;
  padding: 6px 5px 3px;
}
#sg_header .hasChildren:after {
  content: "\25BC";
  font-size: 80%;
}
#sg_header_bar {
  background-color: #58575c;
  overflow: hidden;
}
#sg_header a,
#sg_header span {
  float: left;
  margin: 2px 5px 0 0;
  padding: 1px 5px 1px 6px;
  color: #eee;
}
#sg_header span.slot-item {
  padding-right: 0;
  margin-right: 0;
  cursor: pointer;
}
/* Search box */
#search_container,
#sidr-id-cse-search-box {
  position: absolute;
  bottom: 30px;
  right: 10px;
  z-index: 7000;
  border: 1px solid #ddd;
  border-radius: 2px;
  float: right;
}
#search_container .btn,
#sidr-id-cse-search-box .btn {
  display: inline;
  padding: 0;
  border: 0;
}
#search_container input[type="text"],
#sidr-id-cse-search-box input[type="text"] {
  float: left;
  border: 0;
  margin: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  font-weight: 400;
  padding: 7px 9px 8px;
  font-size: 1.4rem;
  width: 180px;
  height: 32px;
}
#search_container input[type="submit"],
#sidr-id-cse-search-box input[type="submit"] {
  text-indent: -100000px;
  background-image: url(/media/8351840/search-30px.png);
  background-repeat: no-repeat;
  background-color: #949496;
  margin: 0;
  cursor: pointer;
  border-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border: 0;
  padding: 0;
  display: inline;
  width: 36px;
  background-position: 9px 7px;
  background-size: 18px;
  height: 32px;
}
#search_container input[type="submit"]:hover,
#sidr-id-cse-search-box input[type="submit"]:hover {
  background-color: #77aedf;
}
.ie8 #search_container input[type="submit"],
.ie8 #sidr-id-cse-search-box input[type="submit"] {
  background-image: url(/media/8351847/search-16px.png);
}
#sidr-id-cse-search-box {
  float: none;
  margin: 0 10px;
  border: 0;
  position: static;
}
#sidr-id-cse-search-box input[type="text"] {
  width: 210px;
  font-size: 1.4rem;
  padding: 6px 4px;
}
#sidr-id-cse-search-box input[type="submit"] {
  background-position: 5px 5px;
  background-size: 19px;
  height: 29px;
  width: 29px;
}
#site {
  display: inline;
}
/* Logout button */
#logout_button {
  position: absolute;
  top: 0px;
  right: 0px;
  color: transparent;
  width: 30px;
}
#logout_button a {
  margin-left: 8px;
  padding: 7px 4px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  background: #444;
  color: #fff;
  display: inline-block;
  height: 29px;
  position: absolute;
  top: 0px;
  right: 0px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11px;
  text-decoration: none;
}
#logout_button a:hover {
  background: #77aedf;
}
/* -----------------------------------------------------
Main Navigation
-------------------------------------------------------- */
.navbar {
  margin-bottom: 0;
  min-height: 0;
  border: 0;
  border-top: 1px solid #e7f0ff;
  border-bottom: 1px solid #95b0d9;
  border-radius: 0;
  height: 37px;
}
/* Primary site top navigation (beneath banner) */
#menu_popout_container {
  width: 100%;
  height: 35px;
  background-color: #b4cdf5;
}
#menu_popout {
  color: #333;
  height: 35px;
  border-left: 1px solid #8ca3c8;
}
#menu_popout h2 {
  float: left;
  margin: 0;
  height: 35px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0;
  color: #333;
  line-height: 16px;
}
#menu_popout h2 a {
  color: #333;
  display: block;
  padding: 11px 8px 0;
  height: 35px;
  border-right: 1px solid #8ca3c8;
  border-left: 1px solid #e7f0ff;
}
#menu_popout h2 a:hover {
  background-color: #fafafd;
  color: #000;
  text-decoration: none;
}
#menu_popout .hasChildren a {
  padding: 11px 3px 0 8px;
}
#menu_popout .hasChildren a:after {
  /* Nav dropdown arrow */
  margin-left: 4px;
  content: "\25BC";
  font-size: 90%;
  color: #556;
}
#menu_popout .mega {
  position: relative;
  float: left;
}
#menu_popout .activeRoot h2 a {
  background-color: #dfdac3;
}
#menu_popout .hovering {
  z-index: 1000;
}
#menu_popout .hovering h2 {
  z-index: 100;
  margin: 0;
  color: #000;
}
#menu_popout .hovering h2 a {
  border-left-color: #fafafd;
  background-color: #fafafd;
  text-decoration: none;
}
#menu_popout .hovering .dmain {
  visibility: visible;
}
.dmain {
  position: absolute;
  top: 34px;
  left: -2px;
  z-index: 10;
  display: block;
  visibility: hidden;
  margin: 0;
  padding: 12px 15px 16px 18px;
  border: 1px solid #999;
  border-top: 0 solid #fef5cc;
  -moz-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  background: #fff;
  background-color: #fff;
  background-image: -moz-linear-gradient(top, #fafafd 0%, #f2f2f7 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafd), color-stop(1, #f2f2f7));
  background-image: none;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  color: black;
  line-height: 130%;
  padding-top: 15px;
}
.dmain h3 {
  margin: 0;
  color: #a90101;
  font-weight: 700;
}
.dmain h3 a {
  color: #a90101;
}
.dmain .column {
  padding-right: 4px;
}
.dmain ul li {
  margin: 0 0 5px;
  line-height: 120%;
}
.dmain ul,
.dmain ul ul {
  margin: 0;
  padding-left: 0;
}
.dmain div > ul > li > ul {
  margin-bottom: 15px;
}
.dmain .lastItem {
  margin-bottom: 10px;
}
.dmain .menuBodyHeader {
  margin: 10px 0 6px;
}
.dmain .menuCondProcHeading,
.dmain .menuCondProcHeadingTop {
  padding-bottom: 3px;
  border-bottom: 1px solid #cccccc;
  color: #1a3256;
  font-weight: 700;
  margin: 6px 0 8px;
}
.menuBodyHeader span {
  color: #a90101;
}
.menuBodyHeader a {
  color: #a90101;
  font-weight: 700;
}
.menuBodyHeader .menuBodyItem a {
  color: #0450ac;
  font-weight: 400;
}
.menuBodyHeader .modHome h3 {
  margin: 6px 0 5px;
}
.menuBodyHeader ul {
  padding-top: 5px;
}
.menuCondProcHeadingFirst {
  padding-bottom: 3px;
  border-bottom: 1px solid #cccccc;
  color: #1a3256;
  font-weight: 700;
  margin: 12px 0 8px;
}
.procedureClear {
  clear: both;
  padding-top: 10px;
}
.condStart {
  float: left;
  clear: both;
  width: 100%;
}
.menu_image {
  padding-left: 4px;
}
.menu_image img {
  float: left;
  vertical-align: bottom;
}
.menu_image a {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  height: 34px;
}
.menuNormalItem a {
  margin-left: 0;
  color: #0450ac;
  font-weight: 500;
}
.mega:hover {
  position: relative;
  z-index: 6;
  visibility: visible;
}
.menuBodyHeader:first-child {
  margin-top: 0;
}
.menuNormalItemProc,
.menuNormalItemCond {
  list-style: none outside none;
}
.menuNormalItemProc a,
.menuNormalItemCond a {
  margin-left: 0;
  color: #0450ac;
}
.menuNormalItemProcFirst a,
.menuNormalItemCondFirst a {
  display: block;
  margin-top: 4px;
  margin-left: 0;
  color: #0450ac;
}
.hidePlaceHolder,
.sidr-class-hidePlaceHolder {
  display: none;
}
/* added for menu dropdown protected items */
.dmain .item_protected:after {
  font-family: "FontAwesome";
  content: "\f023";
  margin-left: 5px;
  color: #ec9005;
  font-size: 0.9em;
}
.dmain .item_protected:hover:after {
  content: "\f023  login required";
}
/* -----------------------------------------------------
Mobile Menu
-------------------------------------------------------- */
#sg_header #mobile_menu_button {
  height: 20px;
  padding: 1px 8px 12px 27px;
  margin: 0 15px 0 0;
  color: #fff;
  float: left;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 3px;
  border: 1px solid #ddd;
  position: relative;
  z-index: 500;
  background-image: url(data:image/png;base64,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);
  background-size: contain;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  border: 0;
  padding-top: 2px;
}
.sidr {
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 260px;
  overflow-x: none;
  overflow-y: auto;
  font-size: 15px;
  background: #fff;
  -webkit-box-shadow: inset -3px -3px 5px 0px #ebebeb;
  -moz-box-shadow: inset -3px -3px 5px 0px #ebebeb;
  box-shadow: inset -3px -3px 5px 0px #ebebeb;
  border-right: 1px solid #ddd;
  background: #f3f3f3;
}
.sidr .sidr-inner {
  padding: 0 0 15px;
}
.sidr .sidr-inner > p {
  margin-left: 15px;
  margin-right: 15px;
}
.sidr.right {
  left: auto;
  right: -260px;
}
.sidr.left {
  left: -260px;
  right: auto;
}
.sidr h2 {
  font-size: 1.6rem;
  margin: 0;
}
.sidr h3 {
  font-size: 1.4rem;
  padding: 5px 0;
  margin: 0;
  color: #696868;
}
.sidr li {
  background: none;
  padding: 0;
  margin: 0;
  position: relative;
}
.sidr li:first-child {
  border-top: 1px solid #ddd;
}
.sidr ul {
  margin: 0;
  padding: 0;
  background: #fff;
}
.sidr ul ul {
  background: transparent;
}
.sidr ul ul a {
  border-bottom: none;
}
.sidr a {
  padding: 10px 8px 8px;
  display: block;
  border-bottom: 1px solid #ddd;
  transition: background-color 0.5s ease;
}
.sidr a:hover {
  background-color: #E7EFFC;
  text-decoration: none;
}
.sidr .iconImg {
  background: no-repeat -100px -100px;
}
.sidr .menuopenlink {
  float: right;
  height: 25px;
  width: 25px;
  border-radius: 2px;
  padding: 12px 6px;
  line-height: 1px;
  position: absolute;
  top: 7px;
  right: 8px;
  font-size: 16px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCODFFQUUzRUVDQTQxMUU0ODg0N0VBMUVERkYwMkRGRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCODFFQUUzRkVDQTQxMUU0ODg0N0VBMUVERkYwMkRGRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI4MUVBRTNDRUNBNDExRTQ4ODQ3RUExRURGRjAyREZEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI4MUVBRTNERUNBNDExRTQ4ODQ3RUExRURGRjAyREZEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+9Si++QAAATlJREFUeNrs2s0KgkAUBeBbtO0RerreoESiJAit1H7eNWjXwuZGQyJmM3d+2pwDZyf3q5ULz6hpmoyIFmSXieqU5ClIwdxTEy8FmxrmVrHQLsw9BkT3basL0/sB3zl0nT6Ym4dEh2DuzgNafrs/BHO3IVATmJsJ0OrXXROYu7ZAa5ObpjB35Qu1hbnpAHq2uWULcxNXVApzFy30IrkxEb5drqrqZ9NMdSk5MHr97T9kTH8KYMCAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAY8MXsp/qfCL8jHtufcZNJDdcUZ00NDw0RkpDwbXBOGHlG64t5hhrX7BkbpW5wqXD5GYrhUsPI6OdLexzUJabwofQ67U+OASqc/wGFxHGglUXjoHqnPTkJlfdOL7lHqp3w2fnqrenAAMARHmwFRcuJqMAAAAASUVORK5CYII=);
  background-position: center 10px;
  background-size: 50%;
  background-color: #999;
  border: 1px solid #666;
  transition: background-color 0.5s ease;
}
.sidr .menuopenlink:hover {
  text-decoration: none;
  border: 1px solid #04309c;
  background-color: #0450ac;
}
.sidr .menuopen .menuopenlink {
  text-decoration: none;
  color: #fff;
  background-position: center -19px;
  background-color: #666;
  border: 1px solid #333;
}
.sidr .menuopen .menuopenlink:hover {
  border: 1px solid #04309c;
  background-color: #0450ac;
}
.sidr .sidr-class-dmain {
  visibility: visible;
  display: none;
  position: static;
  overflow: hidden;
  border-radius: 0;
  box-shadow: none;
  background: #fcfcfc;
  border: 1px solid #ddd;
  padding: 8px 8px 4px;
  font-size: 1.4rem;
}
.sidr .sidr-class-dmain li {
  border: 0;
}
.sidr .sidr-class-dmain a {
  padding: 5px 0;
}
.sidr .sidr-class-dmain ul li:last-child a {
  border: 0;
}
.sidr .menuopen .sidr-class-dmain {
  display: block;
}
.sidr .sidr-class-menuCondProcHeadingTop,
.sidr .sidr-class-menuCondProcHeading {
  text-transform: uppercase;
  color: #8C8C8C;
  font-size: 1.1em;
}
.sidr .sidr-class-item_protected a::after {
  font-family: "FontAwesome";
  content: "\f023";
  margin-left: 5px;
  color: #ec9005;
}
/* -----------------------------------------------------
Breadcrumb
-------------------------------------------------------- */
.breadcrumb {
  background: 0;
  padding: 0 3px 0 0;
}
#sg_breadcrumb_email {
  clear: both;
  height: 33px;
}
#sg_breadcrumbDiv {
  padding: 10px 0 0 10px;
  float: left;
}
/* -----------------------------------------------------
Main Content
-------------------------------------------------------- */
#ucsf-main-content-section {
  margin-top: 10px;
  width: 100%;
}
/* -----------------------------------------------------
Footer
-------------------------------------------------------- */
#sg_footer {
  text-align: center;
  position: relative;
  clear: both;
  padding: 30px 0 20px;
}
#footer_terms_and_cond {
  margin: 0 auto;
  text-align: center;
}
#footer_terms_and_cond a {
  color: #0450ac;
  text-decoration: none;
  font-weight: 700;
}
/* -----------------------------------------------------
Right Bar
-------------------------------------------------------- */
.mvc-rightbar {
  clear: both;
  overflow: hidden;
  margin-bottom: 20px;
}
.mvc-rightbar > h3 {
  padding: .6em .8em .6em .8em;
  font-size: 17px;
  font-size: 1.7rem;
  border: 1px solid #ddd;
  border-bottom: 2px solid #ccc;
  clear: both;
  margin: 0 0 10px;
  background: #eee;
  border-radius: 4px 4px 0 0;
}
.mvc-rightbar ul,
.mvc-rightbar ol {
  background: none;
  padding: 0;
  clear: both;
}
.mvc-rightbar ul {
  margin: 0;
  border-bottom: 1px solid #ccc;
}
.mvc-rightbar li {
  padding: 0 0 10px;
  border-bottom: 1px solid #ddd;
  margin: 6px 0 0;
  overflow: hidden;
  background: none;
}
.mvc-rightbar li > a {
  display: block;
  overflow: hidden;
}
.mvc-rightbar ul:not(.filter-list) li:nth-child(n+4) {
  display: none;
}
.mvc-rightbar a figure {
  float: right;
  width: 27%;
  max-width: 78px;
  max-height: 78px;
  border-radius: 2px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.mvc-rightbar a figure img {
  width: 100%;
  height: auto;
}
.mvc-rightbar.rightbar-clinics {
  margin-top: 20px;
}
.mvc-rightbar.section-bio li a {
  position: relative;
  min-height: 70px;
}
.mvc-rightbar.section-bio li a:hover {
  text-decoration: none;
}
.mvc-rightbar.section-bio li a:hover .bio-name {
  text-decoration: underline;
}
.mvc-rightbar.section-bio a figure {
  max-width: 67px;
  max-height: 67px;
  padding: 0;
  position: absolute;
  top: 3px;
  left: 0;
  margin: 0;
  float: none;
}
.mvc-rightbar.section-bio a figure img {
  margin-top: -4px;
}
.mvc-rightbar.section-bio span {
  margin-left: 77px;
  display: block;
}
.mvc-rightbar.section-bio .clinical-title {
  display: block;
  color: #555;
}
.mvc-rightbar .associate_condition_procedure {
  position: relative;
  padding-left: 26px;
}
.mvc-rightbar .associate_condition_procedure a::before {
  background-color: #aaa;
  color: #fff;
  font-weight: 700;
  font-size: 11px;
  line-height: 11px;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  display: block;
  position: absolute;
  left: 2px;
  top: 4px;
}
.mvc-rightbar .clinics_appointments_title {
  font-size: 1.7rem;
  background-color: #F3F3F3;
  border-radius: 5px 5px 0 0;
  color: #777;
  font-weight: 400;
  margin: 10px auto 0;
  padding: 9px 0 4px;
  border: 0;
  line-height: 1.4;
  text-align: center;
  text-transform: uppercase;
}
.mvc-rightbar .ui-state-default {
  border: 1px solid #ccc;
  border-radius: 4px;
}
.mvc-rightbar .ui-state-active {
  border-radius: 4px 4px 0 0;
}
/* Clinic Info */
#accordion {
  margin-bottom: 30px;
  margin: 0 auto;
  background-color: #F3F3F3;
}
#accordion .clinic_info {
  clear: both;
  margin: 0;
  min-height: 0;
}
#accordion a.clinic_popup.clinic_info_link {
  max-width: none;
  width: 100%;
  left: 0;
  top: 0;
  height: 22px;
  padding: 0;
}
#accordion .clinic_popups_trigger {
  display: none;
}
#accordion .clinic_info_link {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0;
  color: #0450ac;
  display: block;
  font-weight: 400;
  height: 0;
  left: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  padding: 0;
  position: relative;
  text-align: left;
  width: 88%;
}
#accordion .ui-icon {
  position: absolute;
  right: .5em;
  top: 50%;
  margin-top: -8px;
  width: 15px;
  height: 15px;
}
#accordion .ui-accordion-header {
  padding: .7em 1.7em .7em .8em;
  color: #1a3256;
  background: #f9f9f9;
  border-color: #b1ad9e;
  font-weight: 400;
  cursor: pointer;
  position: relative;
  margin: 0 3px 3px;
  font-size: 1.6rem;
  line-height: 20px;
}
#accordion .ui-accordion-header-active {
  cursor: default;
  margin: 0 3px 0;
}
#accordion .ui-accordion-header-active .ui-accordion-header-icon {
  background-image: none;
}
#accordion .ui-accordion-header:hover,
#accordion .ui-state-active {
  color: #fff;
  background: #513a52;
  border-color: #311a32;
  cursor: pointer;
}
#accordion .ui-widget-content {
  background: none;
  position: relative;
  padding: 18px 6%;
  background-color: #fcfcfc;
  margin: 0 3px 3px;
}
#accordion .ui-widget-content.ui-accordion-content-active {
  border-color: #9a7e9a;
}
.ui-accordion-header-icon,
.view-all-btn::after,
.filterbtn::after {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27451.846%27%20height%3D%273211.333%27%20viewBox%3D%270%200%20451.846%203211.333%27%3E%0D%0A%20%20%3Cpath%20fill%3D%27%23999%27%20d%3D%27M203.554%20248.3L9.274%2054.01C-3.09%2041.65-3.09%2021.62%209.274%209.265c12.354-12.354%2032.392-12.354%2044.743%200L225.924%20181.18%20397.83%209.264c12.36-12.354%2032.396-12.354%2044.747%200%2012.356%2012.354%2012.356%2032.392%200%2044.75l-194.285%20194.29c-6.18%206.175-14.27%209.26-22.37%209.26-8.093%200-16.19-3.09-22.368-9.266v.002zm44.738%20745.554l194.28%20194.29c12.363%2012.358%2012.363%2032.39%200%2044.745-12.354%2012.353-32.393%2012.353-44.743%200l-171.91-171.913L54.016%201232.89c-12.36%2012.354-32.396%2012.354-44.748%200-12.36-12.355-12.36-32.394%200-44.75l194.28-194.293c6.18-6.176%2014.27-9.26%2022.37-9.26%208.095.002%2016.19%203.09%2022.37%209.266h.002z%27%2F%3E%0D%0A%20%20%3Cpath%20fill%3D%27%23FFF%27%20d%3D%27M203.554%202217.48L9.274%202023.187c-12.364-12.355-12.364-32.39%200-44.742%2012.354-12.355%2032.392-12.355%2044.743%200l171.907%20171.912%20171.907-171.912c12.36-12.355%2032.397-12.355%2044.748%200%2012.356%2012.354%2012.356%2032.39%200%2044.75l-194.285%20194.29c-6.18%206.175-14.27%209.26-22.37%209.26-8.093-.003-16.19-3.093-22.368-9.27v.003zm44.738%20745.552l194.28%20194.29c12.363%2012.358%2012.363%2032.39%200%2044.745-12.354%2012.354-32.393%2012.354-44.743%200l-171.91-171.912-171.904%20171.912c-12.36%2012.354-32.396%2012.354-44.748%200-12.36-12.355-12.36-32.393%200-44.75l194.282-194.29c6.18-6.177%2014.27-9.26%2022.37-9.26%208.095.003%2016.19%203.09%2022.37%209.265h.002z%27%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
  background-size: 12px auto;
  background-position: 2px 5px;
  background-repeat: no-repeat;
}
.view-all-btn::after,
.filterbtn::after {
  background-position: right -48px;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 0 0 8px;
  content: "";
}
.clinic_map {
  display: none;
}
.clinic_map_driving_directions {
  margin: 0px 0 8px;
}
.clinic_button {
  border: 0;
  padding: 0;
}
/* appointments */
.appointments {
  margin: 12px 0 0px;
}
.appointments > a {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #3388e9));
  background: -moz-linear-gradient(top, #3d94f6 5%, #3388e9 100%);
  background: -webkit-linear-gradient(top, #3d94f6 5%, #3388e9 100%);
  background: -o-linear-gradient(top, #3d94f6 5%, #3388e9 100%);
  background: -ms-linear-gradient(top, #3d94f6 5%, #3388e9 100%);
  background: linear-gradient(to bottom, #3d94f6 5%, #3388e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#3388e9', GradientType=0);
  background-color: #3d94f6;
  border-radius: 6px;
  cursor: pointer;
  color: #fff !important;
  font-size: 17px;
  padding: 6px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #2e72e0;
  display: block;
  text-align: center;
  border: 1px solid #2a7ee3;
  max-width: 300px;
  margin: 0 auto;
}
.appointments > a:hover {
  background: #213b77;
  /* Old browsers */
  background: -moz-linear-gradient(top, #213b77 0%, #091f60 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #213b77), color-stop(100%, #091f60));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #213b77 0%, #091f60 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #213b77 0%, #091f60 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #213b77 0%, #091f60 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #213b77 0%, #091f60 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#213b77', endColorstr='#091f60', GradientType=0);
  /* IE6-9 */
  text-shadow: 0px 1px 0px #1e4a92;
  border: 1px solid #1b5090;
}
.appointments > a:active {
  position: relative;
  top: 1px;
}
/* appointments popup */
.pop_map {
  float: right;
  height: 400px;
  text-align: right;
  width: 70%;
}
.pop_map > div {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.clinic_popup_content {
  padding: 8px 15px 0 15px;
}
.clinic_popups_trigger {
  margin: 0 auto 5px;
  padding: 0;
  text-align: center;
}
.clinic_popup_content {
  min-width: 700px!important;
}
.clinic_tab_bar0 span,
.clinic_tab_bar1 span,
.clinic_tab_bar2 span,
.clinic_tab_bar3 span,
.clinic_tab_bar4 span {
  padding: 4px 10px;
}
.visit_clinic {
  min-width: 700px;
}
h2.clinic_name_popup {
  margin: 0 0 20px;
}
.driving_directions {
  margin-top: 20px;
}
.driving_directions .popup_left_column {
  margin-bottom: 5px;
  background: url(/img/h2-arrow.gif) 0 0.4em no-repeat;
  padding-left: 15px;
  list-style: none;
}
.clinic_link a,
.clinic_map_driving_directions a {
  margin-bottom: 5px;
  background: url(/img/h2-arrow.gif) 0 0.1em no-repeat;
  padding-left: 15px;
  list-style: none;
}
.clinic_general_info {
  background: #f6f6f6;
  overflow: hidden;
  height: 400px;
  padding: 10px;
}
.condition-type::before {
  content: "C";
  padding: 3px 0 0 4px;
}
.procedure-type::before {
  content: "P";
  padding: 3px 0 0 5px;
}
.ui-widget-content {
  border: 1px solid #ddd;
  border-top: 0;
  border-radius: 0 0 4px 4px;
}
.view-all-btn {
  padding: 3px 8px 1px 8px;
  letter-spacing: 0.5px;
  display: inline-block;
  float: right;
  background: #eee;
  border-radius: 0 0 3px 3px;
  border: 1px solid #ccc;
  border-color: #ccc #999 #999 #999;
  border-top: 0;
  font-size: 85%;
  text-transform: uppercase;
  color: #fff;
  background-color: #5596f5;
  border-color: #ccc #3a66a6 #3a66a6 #3a66a6;
}
.view-all-btn:hover,
.view-all-btn:focus {
  text-decoration: none;
  color: #1a3256;
  border-color: #ccc #999 #999 #999;
  background-color: #eef3ff;
}
.view-all-btn:hover::after,
.view-all-btn:focus::after {
  background-position: right 4px;
}
.view-all-btn.show-less::after {
  background-position: right -74px;
}
.view-all-btn.show-less:hover::after {
  background-position: right -22px;
}
/* hide all after 3rd list item */
.mvc-rightbar #conditions_procedures_list li:nth-child(n+4),
.mvc-rightbar #physician_list li:nth-child(n+4),
.mvc-rightbar #patient_stories_list li:nth-child(n+4),
.mvc-rightbar #news_list li:nth-child(n+4) {
  display: none;
}
.mvc-rightbar.section-bio {
  position: relative;
}
.filterbtn {
  background-color: #26537a;
  z-index: 2;
  color: #ddd;
  position: absolute;
  right: 9px;
  top: 10px;
  font-size: 1.1rem;
  letter-spacing: 0.04em;
  font-weight: 400;
  border-radius: 3px;
  border: 0;
  padding: 2px 8px 3px;
  text-transform: uppercase;
}
.filterbtn::after {
  top: 1px;
  position: relative;
}
.filterbtn.at::after {
  background-position: right -75px;
}
.title-filter-wrap {
  font-size: 1.3rem;
  letter-spacing: 0.04em;
  font-weight: 400;
  border-radius: 3px 3px 5px 5px;
  line-height: 135%;
  color: #474758;
}
.title-filter-wrap ul {
  border: 0;
  padding: 12px 0 4px;
}
.title-filter-wrap li {
  padding: .2em .6em .25em 20px;
  background-image: url(data:image/svg+xml,%3Csvg%20id%3D%27Layer_1%27%20data-name%3D%27Layer%201%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2012.8%20113%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3A%23262626%3B%7D.cls-3%7Bfill%3A%23bfbfbf%3B%7D.cls-4%7Bfill%3A%235c5c5c%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EArtboard%201%3C%2Ftitle%3E%3Crect%20class%3D%27cls-1%27%20x%3D%270.6%27%20y%3D%27100.5%27%20width%3D%2711.2%27%20height%3D%2711.2%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%270.6%27%20y%3D%271%27%20width%3D%2711.2%27%20height%3D%2711.2%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%270.6%27%20y%3D%2750.67%27%20width%3D%2711.2%27%20height%3D%2711.2%27%2F%3E%3Cpath%20class%3D%27cls-2%27%20d%3D%27M11.2%2C0H1.6A1.6%2C1.6%2C0%2C0%2C0%2C0%2C1.6v9.6a1.61%2C1.61%2C0%2C0%2C0%2C1.6%2C1.6h9.6a1.61%2C1.61%2C0%2C0%2C0%2C1.6-1.6V1.6A1.61%2C1.61%2C0%2C0%2C0%2C11.2%2C0Zm0%2C11.2H1.6V1.6h9.6Z%27%2F%3E%3Cpath%20class%3D%27cls-2%27%20d%3D%27M11.2%2C100H1.6A1.6%2C1.6%2C0%2C0%2C0%2C0%2C101.6v9.6a1.61%2C1.61%2C0%2C0%2C0%2C1.6%2C1.6h9.6a1.61%2C1.61%2C0%2C0%2C0%2C1.6-1.6v-9.6A1.61%2C1.61%2C0%2C0%2C0%2C11.2%2C100Zm0%2C11.2H1.6v-9.6h9.6Z%27%2F%3E%3Cpath%20class%3D%27cls-3%27%20d%3D%27M9%2C103H3.81a.87.87%2C0%2C0%2C0-.86.86V109a.87.87%2C0%2C0%2C0%2C.86.86H9a.87.87%2C0%2C0%2C0%2C.86-.86v-5.18A.87.87%2C0%2C0%2C0%2C9%2C103Z%27%2F%3E%3Cpath%20class%3D%27cls-2%27%20d%3D%27M11.2%2C50H1.6A1.6%2C1.6%2C0%2C0%2C0%2C0%2C51.6H0v9.6a1.61%2C1.61%2C0%2C0%2C0%2C1.6%2C1.6h9.6a1.61%2C1.61%2C0%2C0%2C0%2C1.6-1.6v-9.6A1.61%2C1.61%2C0%2C0%2C0%2C11.2%2C50Zm0%2C11.2H1.6V51.6h9.6Z%27%2F%3E%3Cpath%20class%3D%27cls-4%27%20d%3D%27M9%2C53H3.81a.87.87%2C0%2C0%2C0-.86.86V59a.87.87%2C0%2C0%2C0%2C.86.86H9A.87.87%2C0%2C0%2C0%2C9.85%2C59V53.82A.87.87%2C0%2C0%2C0%2C9%2C53Z%27%2F%3E%3C%2Fsvg%3E%0A);
  background-repeat: no-repeat;
  background-position: 2px 6px;
  background-size: 11px 95px;
  margin: 0;
  border: 0;
  cursor: pointer;
}
.title-filter-wrap li:nth-child(n) {
  display: block;
}
.title-filter-wrap li.selected {
  background-position: 2px -36px;
}
.title-filter-wrap li.all {
  background: #999;
  padding: 1px 0px;
  width: 9.5em;
  border: 1px solid #888;
  border-radius: 3px;
  color: #fff;
  font-size: 1.1rem;
  text-transform: uppercase;
  text-align: center;
  margin-top: 8px;
}
.title-filter-wrap li.all:hover {
  background: #777;
  border: 1px solid #666;
}
/* -----------------------------------------------------
Floating Index
-------------------------------------------------------- */
#floating-index {
  border-radius: 4px 4px 0 0;
  background: #fbfbfb;
  padding-bottom: 8px;
  border-bottom: 0;
}
#floating-index a {
  display: block;
  padding: 5px 15px;
  line-height: 120%;
}
#floating-index.float-nav {
  position: fixed;
  top: 0;
  margin-top: 20px;
}
#floating-index.float-nav h3 {
  margin-top: 0;
}
/* -----------------------------------------------------
Misc
-------------------------------------------------------- */
.col-sm-12.developer-text {
  top: 36px;
}
/* -----------------------------------------------------
Dept of Surgery Pop up menu
-------------------------------------------------------- */
/* find a program */
#slideout_programs_labs_panel,
#slideout_programs_labs_panel_surgerywide {
  display: none;
}
#findAProgramLabSystemWide,
#findAProgramLabLocal {
  padding: 35px 0 0;
}
.findAProgramCloseButton {
  display: none;
}
/* div for header */
.findAProgramColumnDiv {
  clear: both;
  margin: 0 0 8px 0;
  padding-bottom: 1px;
  color: #2d494f;
  font-weight: 300;
  min-height: 23px;
  /* needed with no header */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
.findALabHeaderSystemWide .findAProgramColumnDiv {
  display: none;
}
.findAProgramColumnDiv a {
  color: #a90101;
}
/* column divs; half size of total */
.findAProgramPopoutUL {
  margin: 0;
  padding: 0 5px 0 0;
  list-style-type: none;
}
.findAProgramPopoutUL li {
  padding: 0;
  background: none;
  color: #0450ac;
  font-weight: 400;
  margin-bottom: 5px;
  line-height: 120%;
  font-size: 90%;
}
.findAProgramPopoutUL a {
  margin: 0;
  padding: 0;
  text-decoration: none;
}
.findAProgramPopoutUL a:hover {
  border-bottom: 1px solid #999;
}
.fancybox-close {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20384.97%20384.97%27%3E%3Cpath%20d%3D%27M360.909%200H24.061C10.767%200%200%2010.767%200%2024.061v336.848c0%2013.293%2010.767%2024.061%2024.061%2024.061h336.848c13.281%200%2024.061-10.767%2024.061-24.061V24.061C384.97%2010.767%20374.191%200%20360.909%200zm0%20360.909H24.061V24.061h336.848v336.848z%27%2F%3E%3Cpath%20d%3D%27M111.533%20273.172c4.74%204.692%2012.439%204.692%2017.191%200l64.049-63.52%2063.472%2063.472c4.74%204.752%2012.439%204.752%2017.179%200s4.74-12.475%200-17.227l-63.376-63.388%2063.015-62.497c4.74-4.704%204.74-12.319%200-17.011-4.74-4.704-12.439-4.704-17.179%200l-62.931%2062.413-63.869-63.881c-4.74-4.752-12.439-4.752-17.179%200-4.74%204.764-4.74%2012.475%200%2017.227l63.773%2063.785-64.134%2063.604c-4.751%204.704-4.751%2012.331-.011%2017.023z%27%2F%3E%3C%2Fsvg%3E);
  background-position: 0 0;
  background-size: 22px;
  background-repeat: no-repeat;
  top: 10px;
  right: 10px;
  width: 22px;
  height: 22px;
  border-radius: 1px;
  background-color: #eee;
}
.fancybox-close:hover {
  background-color: #c3ccd0;
}
/* -----------------------------------------------------
Social share icons
-------------------------------------------------------- */
/* social icons */
@font-face {
  font-family: 'FontAwesome';
  font-style: 'normal';
  font-weight: 'normal';
  src: url("/fonts/fontawesome-webfont.eot");
  src: url("/fonts/fontawesome-webfont.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("/fonts/fontawesome-webfont.woff") format('woff'), /* Modern Browsers */ url("/fonts/fontawesome-webfont.ttf") format('truetype'), /* Safari, Android, iOS */ url("/fonts/fontawesome-webfont.svg#FontAwesomeRegular") format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}
.fontawesome-twitter:before {
  content: "\f099";
}
.fontawesome-facebook:before {
  content: "\f09a";
}
.fontawesome-mail-alt:before {
  content: "\f003";
}
.fontawesome-mail:before {
  content: "\f0e0";
}
.fontawesome-youtube:before {
  content: "\f167";
}
.fontawesome-print:before {
  content: "\f02f";
}
.fontawesome-rss:before {
  content: "\f09e";
}
.fontawesome-share:before {
  content: "\f1e0";
  content: "\f141";
}
/* LESS / Social Media Brand Colors */
#top_social_area {
  display: none;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 10px;
  top: 15px;
  width: 380px;
  z-index: 1000;
}
#top_social_area .social-icons {
  position: absolute;
  right: 0px;
}
#bottom_social_area {
  display: none;
}
#sg_contentHeading #top_social_area,
#sg_int_content #top_social_area {
  margin: 0;
}
#sg_contentHeading #top_social_area .social-icons,
#sg_int_content #top_social_area .social-icons {
  position: static;
  float: right;
}
.social-icons {
  margin: 15px 0 0;
}
.social-icons ul {
  margin: 0;
  padding: 0;
  display: flex;
}
.social-icons li {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  display: block;
  list-style: outside none none;
  margin: 0 3px;
  padding: 0;
  flex: 30px 0 0;
  width: 30px;
}
.social-icons h3 {
  float: left;
  margin: 0 10px 0 0;
  padding: 7px 0 0;
  color: #888;
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.4;
}
.social-icons a {
  width: 30px;
  height: 30px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  line-height: 34px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background-color: #999;
  margin: 0 6px 0 0;
}
.social-icons a:hover {
  text-decoration: none;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.social-icons a::before {
  font-size: 21px;
  font-size: 2.1rem;
  color: #fff;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 1px;
  display: inline-block;
  position: relative;
}
.social-icons ul li:last-child a {
  margin: 0;
}
.social-icons.social-share a,
.social-icons.social-share a:before {
  width: 33px;
  height: 33px;
}
.social-icons.social-share a {
  line-height: 37px;
}
.social-icons.social-share h3 {
  padding-top: 9px;
}
.social-icons .fontawesome-twitter:before,
.social-icons .fontawesome-rss:before {
  top: 1px;
}
.social-icons .fontawesome-facebook:before {
  font-size: 23px;
  font-size: 2.3000000000000003rem;
  top: 1px;
}
.social-icons .fontawesome-youtube:before {
  font-size: 26px;
  font-size: 2.6rem;
  top: 2px;
}
.social-icons .fontawesome-share:before {
  top: 1px;
}
.social-icons .fontawesome-mail:before {
  font-size: 19px;
  font-size: 1.9000000000000001rem;
  top: -1px;
}
.social-icons [class*="-facebook"]:hover {
  background-color: #3b5998;
}
.social-icons [class*="-twitter"]:hover {
  background-color: #00aced;
}
.social-icons [class*="-print"]:hover,
.social-icons [class*="-mail"]:hover {
  background-color: #77c05b;
}
.social-icons [class*="-share"]:hover {
  background-color: #cb232d;
}
.social-icons [class*="-youtube"]:hover,
.social-icons [class*="-video"] {
  background-color: #bb0000;
}
.social-icons [class*="-rss"]:hover {
  background-color: #ff9900;
}
.social-share a {
  border-radius: 50%;
}
.social-follow a {
  border-radius: 2px;
  margin: 0 8px 0 0;
}
#sharethis_group {
  float: right;
  width: 418px;
}
.bio_share_icons {
  margin-top: 15px;
  padding-bottom: 2px;
  clear: left;
}
#bottom_social_area {
  text-align: center;
  padding-bottom: 30px;
}
#bottom_social_area h3 {
  float: none;
  padding: 0;
  margin: 0 0 10px -5px;
}
.social_rss_area_popup_text {
  margin: 0 0 6px;
}
#email_input {
  color: #bbb;
  font-size: .95em;
}
#email_input:focus {
  color: #333;
}
/* -----------------------------------------------------
Syndicated Content
-------------------------------------------------------- */
/* used by javascript to trigger floating index */
@keyframes nodeInserted {
  from {
    outline-color: #fff;
  }
  to {
    outline-color: #000;
  }
}
.main-content div[id^="syndicatedContent"]:last-child .syndicate:first-child {
  animation-duration: 0.01s;
  animation-name: nodeInserted;
}
#topper .syndicate figure img {
  width: 100%;
}
.syndicate figure {
  max-width: 66%;
  height: auto;
  margin: 15px auto 15px;
  clear: right;
  position: relative;
  float: none;
  display: block;
}
.syndicate figure > a:first-child {
  position: absolute;
  top: 4px;
  left: 4px;
  background-color: rgba(255, 255, 255, 0.5);
  display: block;
  height: 40px;
  width: 40px;
  text-indent: -1000px;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22289.125%22%20height%3D%22288.295%22%20viewBox%3D%22263.431%20389.632%20289.125%20288.295%22%3E%3Ctitle%3Esearch%20icon%3C%2Ftitle%3E%3Ctitle%3ELayer%201%3C%2Ftitle%3E%3Cpath%20fill%3D%22%23454040%22%20d%3D%22M295.94%20422.086c-43.274%2043.272-43.38%20114.16-.107%20157.432%2036.663%2036.663%2093.202%2042.25%20135.92%2016.767L508.1%20670.52c10.508%2010.197%2027.085%209.82%2037.117-.845%2010.033-10.665%209.77-27.445-.738-37.644l-75.185-72.86c26.36-42.848%2021.008-100.046-16.028-137.08-43.272-43.275-114.055-43.275-157.327%200v-.003zm31.738%2031.74c26.103-26.104%2067.746-26.104%2093.85%200%2026.1%2026.1%2026.1%2067.745%200%2093.847-26.104%2026.103-67.747%2026.103-93.85%200-26.102-26.102-26.102-67.746%200-93.847z%22%2F%3E%3C%2Fsvg%3E);
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: 4px 4px;
  border-radius: 2px;
  border: 1px solid #eee;
  transition: background-color 0.5s ease;
}
.syndicate figure > a:first-child:hover {
  background-color: #ffffff;
  border: 1px solid #999;
}
.syndicate figcaption {
  font-size: 80%;
  padding: 8px 10px 6px;
}
.syndicate h1 {
  font-size: 2.5rem;
  padding: 0;
  margin: 20px 0 10px;
}
/* NCI Content Hacks */
.nci-content .syndicate h2 {
  /* setup like h1 but slightly smaller */
  color: #2d494f;
  font-weight: 400;
  margin: 20px 0 10px;
  font-size: 2.5rem;
}
.nci-content .syndicate h3 {
  /* setup like h3 */
  color: #1a3256;
  margin: 12px 0 10px;
  font-size: 1.7rem;
  font-weight: 500;
}
.nci-content .syndicate > div > div > h3 {
  /* setup like h2 */
  color: #513a52;
  font-weight: 400;
  margin: 0 0 5px;
  font-size: 2.3rem;
}
/* hack to cover up second NIH close button. Bonus it makes it seem like the close button works as the normal close button */
.Virtual_Page_Include_Condition .fancybox-close::before {
  content: "";
  position: absolute;
  left: -45px;
  bottom: -25px;
  width: 45px;
  height: 25px;
}
/* -----------------------------------------------------
Responsive
-------------------------------------------------------- */
/* Stuff hidden on Mobile */
#sg_breadcrumbDiv,
#email_print_container,
#sg_header .slot-item,
#menu_popout_container,
.navbar,
#sg_header #search_container {
  display: none;
}
/* stuff modified on mobile that is overriding umbraco_rt.css. Otherwise rest is mobile first. Might want to change the umbraco_rt.css but that may not work. */
@media only screen and (max-width: 768px) {
  .imgRightAlignBd,
  .imgLeftAlignBd,
  .imgRightAlign,
  .imgLeftAlign,
  table.imgRightAlignBd,
  table.imgLeftAlignBd,
  table.imgRightAlign,
  table.imgLeftAlign {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 10px;
    float: none;
  }
  .findAProgramPopoutUL a {
    font-size: 1.4rem;
    line-height: 100%;
  }
  .findAProgramPopoutUL li {
    padding-bottom: 6px;
  }
  #floating-index {
    display: none;
  }
  #sg_header span.slot-item {
    float: right;
  }
}
/* Small Tablets */
@media only screen and (min-width: 768px) {
  .container {
    width: 100%;
  }
  .mvc-rightbar {
    margin-left: 20px;
  }
  #theSlides img,
  #topImage #slideshow {
    width: 960px;
    height: 166px;
    overflow: hidden;
  }
  #slide_text {
    margin: 55px 0 0 28px;
    font-size: 26px;
    font-size: 2.6rem;
    letter-spacing: 0.05em;
  }
  #slide_text .banner_text_top {
    font-size: 18px;
    font-size: 1.8rem;
  }
  #top_social_area {
    display: block;
  }
}
/* Tablets and Small Screens */
@media only screen and (min-width: 960px) {
  .ucsf-content-container {
    max-width: 1160px;
  }
  .ucsf-content-container > .row {
    margin-top: 20px;
  }
  #banner,
  #sg_header,
  #sg_topImageContainer a,
  #sg_breadcrumb_email {
    clear: both;
    margin-right: auto;
    margin-left: auto;
    display: block;
  }
  #mobile_menu_button,
  #mobile_menu {
    /* hide menu on larger monitors */
    display: none;
  }
  #sg_breadcrumbDiv,
  #sg_header .slot-item,
  #menu_popout_container,
  .navbar,
  #sg_header #search_container {
    display: block;
  }
  #sg_header span.slot-item {
    float: left;
  }
}
/* Large Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  #banner,
  #sg_header,
  #sg_topImageContainer a,
  #sg_breadcrumb_email,
  #slide-and-search-container {
    width: 1160px;
  }
  #theSlides img,
  #topImage #slideshow {
    width: 1160px;
    height: 195px;
  }
  #menu_popout h2 {
    height: 36px;
    font-size: 1.2rem;
  }


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */