/* site-styles.css 20130822 */
/* Layout */
/* Main Layout stuff */
#overall_wrapper {
  position: relative;
}
/* Clearfix For modern browsers */
#overall_wrapper:before,
#overall_wrapper:after {
  content: "";
  display: table;
}
#overall_wrapper:after {
  clear: both;
}
/* Layout assumes Mobile First */
/* Layout schimatic

	#overall_wrapper
		#sg_header_bar
			#sg_header (UCSF menu)
				a#mobile_menu_button (hambergur menu only on mobile)
				a.slot-item (top links each with an id like #menu-slot-1)
		#sg_topImageContainer
			#slide-and-search-container
				#top_social_area
				.search-area
					.find_program
					.searchbox
				a
					#topImage
						#slideshow (a lot of leftover code from old slideshow banner)
							#left_transparent
								#slide_text (logo background image goes here)
		#menu_popout_container (main nav)
			#banner
				#menu_popout
					.mega
						h2.hasChildren
							a
						.dmain
		#sg_breadcrumb_email
			#sg_int_heading_top
				#sg_breadcrumbDiv
					#sg_breadcrumb (breadcrumb links)
		#sg_mainContent
			#sg_centerSection
				#section_left_bar (only shows if there is a left bar)
					#sg_leftMenus
						#sg_leftMenu
							#leftMenuGen (actual left menu if exists)
								#activeMenu
							#leftbar_search_finds (appointments and referrals and locations)
								#sg_leftStaticMenu
							#sg_leftBarEditableRegionDiv (extra stuff)
								div
									#sg_leftBarEditableRegion
										#sg_altbox

				#sg_centerContentInt (with or without .leftbar_width_content)
					#sg_int_content
						{ Text Page
							#contentTitle
								h1
							#contentBody (content)
						}
						{ News List Page
							#news_display_items
								#contentTitle
								.newsItem (repeating for each)
								.pager (pagination)
						}
						{ News Content Page
							.has_side_bar
								.newsItem
									.news_content_main
										.news_body_content
											h1.new_h2
											.news_img1_container
											.news_img2_container
											.newsPubName
											.news_share_icons
											.news_body_item
											.bottom_links
											.news_categories
						}
						{ Patient Stories List
							#patient_stories_list
								h1#title
								#patient_stories_intro
								ul#patient_stories_ul
									li.patient_story_in_list (also .story_item .from-internal-ps)x
								.pager (pagination)
						}
						{ Patient Story Item Page
							.patient_story
								.story_person
								h1.patient_story_title
								.story_meta_data
								.news_share_icons
								.patient_story_body
								.story_categories
						}
						{ Faculty List
							#faculty_sections_title
								h1
							#left_right_container
								#leftbar_items
									ul.sections_list
								#faculty_sections
									#faculty_sections_head_content
									#section_title
									.bios (each bio)
										.bios_img
											img
										.faculty_list_name_titles_img
											.bios_name
											.bios_titles
						}
						{ Faculty Bio Page
							#topper
								#bio-include-child
									#bioPersonalInfo
										#bioImg
											img
										#name_titles_contact_info
											h1#sg_name
											h2#sg_bioTitle
											#sg_bio_contact
										#bio_share_icons
									#bio_center_area
										#index_bar
											#bioNavBar
										#bioPersonDetails
										#bio_bottom
											.bio-attributes (duplicates each section)
						}
					#slideout_programs_labs_panel_surgerywide (this is hidden and used for the Surgery Websites nav)
				#section_right_bar (only shows if there is a right bar)
						#rightbar_section
				#sg_footer

		#bottom_social_area

*/
#section_left_bar {
  display: none;
}
#sg_mainContent {
  margin: 0 0 20px;
}
#sg_centerSection {
  min-height: 450px;
  padding: 0 15px;
}
#sg_int_content {
  background-color: #fff;
}
#contentRightBox {
  margin: 12px auto 0;
}
/* Misc */
#sg_mainContent #cse-search-results iframe {
  max-width: 100%;
  margin: 15px 0;
}
#cse-search-results iframe {
  height: 1400px;
}
#contentBody > h1:first-child {
  margin-top: 0;
}
iframe {
  max-width: 100%;
  margin: 15px 0 10px;
}
.subSpecialtySelect {
  margin: 10px 0;
}
.two-column {
  columns: 2;
}
.columns-two {
  column-count: 2;
  column-gap: 20px;
}
table {
  max-width: 100%;
}
.clear-left {
  clear: left;
}
/* Colors */
:root {
  --gray-darkest: #292a3c;
  --gray-darker: #333;
  --gray-dark: #58575c;
  --gray: #666;
  --gray-light: #959595;
  --gray-lighter: #dadde2;
  --gray-lightest: #eee;
  --off-white: #f2f2f2;
  --teal: #368;
  --teal-dark: #2d494f;
  --purple: #513a52;
  --navy: #1a3256;
  --navy-dark: #0c2482;
  --blue: #0450ac;
  --blue-light: #b4cdf5;
  --blue-lighter: #e2e8f2;
  --blue-lightest: #fafafd;
  --tan: #dfdac3;
  --tan-light: #efece0;
  --red: #a90101;
  --orange: #f26D04;
}
#menu_popout_container {
  background-color: var(--blue-light);
}
#menu_popout .mega h2 a {
  color: var(--gray-darker);
}
#menu_popout .mega h2 a:hover {
  background-color: var(--blue-lightest);
}
#menu_popout .mega:hover a {
  color: var(--blue);
}
body,
.standardText {
  color: var(--gray);
}
a,
a:hover {
  color: var(--blue);
}
#sg_leftBarEditableRegion > div {
  background-color: var(--gray-lightest);
}
#sg_leftBarEditableRegion > div > h2 {
  background-color: var(--gray-light);
}
#leftbar_search_finds {
  background-color: var(--gray-lighter);
}
#leftbar_search_finds li a {
  background-color: var(--gray-lightest);
}
#leftbar_search_finds li a:hover {
  background-color: var(--gray-light);
}
#leftMenuGen {
  background-color: var(--tan);
}
#leftMenuGen a {
  background-color: var(--tan-light);
  color: var(--gray-darkest);
}
#leftMenuGen .activeSection a {
  background-color: var(--gray-light);
}
/* Home */
#sg_contentHeading,
#middle_right_section .news_frontpage_container li,
#sg_bottomBoxContainer .news_frontpage_lab_li,
.news_frontpage_lab li {
  border-color: var(--gray-lighter);
}
h1,
h4 {
  color: var(--teal-dark);
}
h2 {
  color: var(--purple);
}
h3 {
  color: var(--navy);
}
.sg_int_table_tr_gradient thead td,
.table_gradient thead td,
.table_gradient_full thead td,
.sg_int_table thead td,
#sg_basicTrialInfo thead td,
.sg_int_table_tr_gradient th,
.table_gradient th,
.table_gradient_full th,
.sg_int_table th,
#sg_basicTrialInfo th,
.sg_int_table_tr_gradient thead td,
.table_gradient thead td,
.table_gradient_full thead td,
.sg_int_table thead td,
#sg_basicTrialInfo thead td,
.sg_int_table_tr_gradient tbody th,
.table_gradient tbody th,
.table_gradient_full tbody th,
.sg_int_table tbody th,
#sg_basicTrialInfo tbody th {
  background-color: var(--teal-dark);
}
div.imgLeftAlign > figure > figcaption,
div.imgRightAlign > figure > figcaption,
figure.imgLeftAlign > figcaption,
figure.imgRightAlign > figcaption,
div.imgCenterAlign > figure > figcaption,
figure.imgCenterAlign > figcaption {
  background-color: var(--gray-lightest);
}
.sg_int_table_tr_gradient,
.sg_int_table,
.table_gradient_full,
.table_gradient,
#sg_basicTrialInfo {
  background-color: var(--off-white);
}
.find_program {
  color: var(--teal-dark);
  background-color: var(--gray-lightest);
  border-color: var(--gray-lighter);
}
.find_program > span::after,
#sidr-id-ucsfHome::after {
  color: var(--blue);
}
#search_container input[type="submit"],
#sidr-menu form input[type="submit"] {
  background-color: var(--gray-light);
}
#search_container input[type="submit"]:hover,
#sidr-menu form input[type="submit"]:hover {
  background-color: var(--blue-light);
}
#search_container input[type="text"],
#sidr-menu form input[type="text"] {
  border-color: var(--gray-lightest);
}
.findAProgramColumnDiv {
  color: var(--teal-dark);
}
.findAProgramPopoutUL a[href*="/surgery-dropdown-headings/"] {
  color: var(--purple);
}
.fancybox-close {
  background-color: var(--gray-lightest);
}
.menuBodyHeader span {
  color: var(--red);
}
.accordian_button {
  color: var(--teal);
}
.accordian_button svg path {
  fill: var(--teal);
}
.accordian_button:hover {
  color: var(--purple);
}
.virtual_page_link {
  color: var(--purple);
}
.news_category_item,
.news_category_bio_item,
.story_categories a {
  background-color: var(--blue-lighter);
  color: var(--navy-dark);
}
.news_category_item:hover,
.news_category_bio_item:hover,
.story_categories a:hover {
  background-color: var(--blue);
  color: white;
}
.social-icons a {
  background-color: var(--gray-light);
}
#sg_bio_contact h3 {
  color: var(--purple);
}
.research_funding {
  background-color: var(--teal);
  color: white;
}
/* Navigation */
/* Navigation - top navigation, breadcrumb and search box and left local nav */
/* UCSF global top naviation */
#sg_header_bar {
  background-color: var(--navy);
  overflow: hidden;
}
#sg_header_bar #sg_header .spacerBar {
  display: none;
}
#sg_topMenu {
  color: #fff;
}
#sg_header {
  font-weight: 700;
  overflow: hidden;
  padding: 4px 15px;
}
#sg_header .ucsfLogoText {
  float: left;
  padding-bottom: 6px;
  color: #fff;
}
#sg_header a,
#sg_header span {
  float: left;
  margin: 2px 5px 0 0;
  padding: 1px 5px 1px 6px;
  color: #eee;
}
#sg_header a:hover,
#sg_header span:hover {
  color: #ddd;
  text-decoration: none;
  cursor: pointer;
}
#sg_header a:first-child,
#sg_header #menu-slot-1 {
  padding-left: 5px;
  border: 0;
}
#sg_header .hasChildren:after {
  content: "\25BC";
  font-size: 80%;
}
#sg_header #ucsfHome {
  margin: 2px 0 0;
}
/* Top banner area */
#sg_topImageContainer a {
  display: block;
  overflow: hidden;
}
#sg_topImageContainer > a {
  text-decoration: none;
}
#slide-and-search-container {
  padding: 0 15px;
}
#topImage {
  padding: 10px 10px;
}
#topImage #slideshow {
  position: relative;
}
@media only screen and (min-width: 960px) {
  #topImage {
    padding: 30px 10px;
  }
}
#slide_text {
  max-width: 500px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
}
#slide_text .banner_text_top,
#slide_text .banner_text_bottom {
  display: none;
}
/* New Top Area Code */
/* Primary site top navigation (beneath banner) */
#menu_popout_container {
  width: 100%;
  height: 36px;
  background-color: #b4cdf5;
  position: relative;
  z-index: 2000;
}
#banner {
  padding: 0 15px;
}
#menu_popout {
  color: #333;
  height: 36px;
}
#menu_popout h2 {
  float: left;
  margin: 0;
  height: 36px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0;
  color: #333;
}
#menu_popout h2 a {
  color: #333;
  display: block;
  padding: 11px 8px 0;
  height: 36px;
  line-height: 16px;
}
#menu_popout h2 a:hover {
  background-color: #fafafd;
  color: #000;
  text-decoration: none;
}
#menu_popout .hasChildren a {
  padding: 11px 3px 0 7px;
}
#menu_popout .hasChildren a:after {
  /* Nav dropdown arrow */
  margin-left: 6px;
  content: "\f0dd";
  font-family: fontawesome;
  color: #556;
  position: relative;
  top: -2px;
}
#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 {
  background-color: #fafafd;
  text-decoration: none;
}
#menu_popout .hovering .dmain {
  visibility: visible;
}
.dmain {
  position: absolute;
  top: 36px;
  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;
  border-radius: 0 0 8px 8px;
  background: #fff;
  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;
}
/* Bread crumb */
#sg_int_heading {
  height: 26px;
  background-color: #ded8e6;
  border-bottom: 1px solid #ccc;
  display: none;
  padding: 5px 0 5px 14px;
}
#sg_int_heading a {
  color: #5d5761;
}
#sg_int_heading_top {
  padding: 0 15px;
}
#sg_breadcrumb_email {
  clear: both;
  height: 33px;
}
#lab_home #sg_breadcrumb_email {
  clear: both;
  height: 0px;
}
#sg_int_heading_top {
  position: relative;
}
#sg_breadcrumbDiv {
  float: left;
  padding: 10px 0 0 10px;
}
/* Find a Program */
.find_program {
  height: 33px;
  padding: 0 10px 0 10px;
  background-color: #eee;
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 3px;
  display: inline-block;
  font-size: 12px;
  color: #2d494f;
  text-transform: uppercase;
  margin: 0 25px 0 2px;
  line-height: 26px;
}
#sidr-id-ucsfHome {
  height: 34px;
  padding: 2px 10px 0 10px;
  background-color: #e3e3e3;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 3px;
  display: inline-block;
  font-size: 12px;
  color: #2d494f;
  text-transform: uppercase;
  margin: 100px 25px 0 10px;
}
.find_program > span::after,
#sidr-id-ucsfHome::after {
  content: "\f0dd";
  font-family: fontawesome;
  font-size: 22px;
  margin: 2px 0 0 3px;
  color: #0450ac;
  position: relative;
  top: -1px;
}
/* Search box */
.search-area {
  display: none;
}
@media only screen and (min-width: 960px) {
  .search-area {
    display: flex;
    position: absolute;
    justify-content: flex-end;
    top: 60px;
    right: 12px;
    width: 500px;
    z-index: 1000;
  }
}
#search_container,
#sidr-menu form {
  visibility: visible;
  height: 32px;
}
#search_container .btn,
#sidr-menu form .btn {
  display: inline;
  margin-right: 7px;
  padding: 0;
}
#search_container input[type="text"],
#sidr-menu form input[type="text"] {
  float: left;
  margin: 0;
  font-size: 12px;
  font-size: 1.2rem;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  padding: 5px 9px 5px;
  font-size: 1.4rem;
  width: 180px;
  border: 1px solid #eee;
  line-height: 14px;
}
#search_container input[type="text"]::placeholder,
#sidr-menu form input[type="text"]::placeholder {
  color: #888;
}
#search_container input[type="submit"],
#sidr-menu form 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;
  height: 32px;
  width: 36px;
  background-position: 9px 7px;
  background-size: 18px;
}
#search_container input[type="submit"]:hover,
#sidr-menu form input[type="submit"]:hover {
  background-color: #77aedf;
}
.ie8 #search_container input[type="submit"],
.ie8 #sidr-menu form input[type="submit"] {
  background-image: url(/media/8351847/search-16px.png);
}
#search_container .choice,
#sidr-menu form .choice {
  opacity: 0;
  transition: opacity 0.5s;
  display: block;
  clear: both;
  font-size: 12px;
  padding: 4px 38px 4px 8px;
  text-align: right;
}
#search_container .sidr-class-choice,
#sidr-menu form .sidr-class-choice {
  clear: both;
  padding: 5px;
}
#search_container:hover .choice,
#sidr-menu form:hover .choice {
  opacity: 1;
}
#sidr-menu form {
  height: 65px;
  padding: 0 10px;
}
#site {
  display: inline;
}
/* Email and Print box */
#email_print_container {
  position: absolute;
  top: 36px;
  right: 10px;
  z-index: 1;
  padding: 0 2px 3px;
}
.print-email-container,
.print_email_links_div {
  float: right;
  margin: 2px 2px 2px 0px;
  padding: 3px 2px;
  border: 1px solid #aaa;
  background-color: #ffffff;
}
a.print_email_links {
  color: #0450ac;
}
/* Find a program popup menus */
/* find a program */
#slideout_programs_labs_panel,
#slideout_programs_labs_panel_surgerywide {
  display: none;
}
#findAProgramLabSystemWide,
#findAProgramLabLocal {
  padding: 25px 0 0;
}
.findAProgramCloseButton {
  display: none;
}
/* div for header */
.findAProgramColumnDiv {
  clear: both;
  margin: 0 0 8px 0;
  padding-bottom: 1px;
  border-bottom: 1px solid #cccccc;
  color: #a90101;
  font-weight: 700;
  height: 23px;
  /* needed with no header */
  position: absolute;
  top: -4px;
  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 0 4px 0;
  background: none;
  color: #0450ac;
  font-weight: 400;
  margin-bottom: 2px;
  line-height: 120%;
}
.findAProgramPopoutUL a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.findAProgramPopoutUL a:hover {
  border-bottom: 1px solid #999;
}
#findAProgramCloseButton,
#findAProgramDropdownCloseButton,
.findAProgramCloseButton {
  position: absolute;
  top: 8px;
  right: 8px;
}
#findAProgramCloseButton a,
#findAProgramDropdownCloseButton a,
.findAProgramCloseButton a {
  display: block;
  width: 21px;
  height: 20px;
  background: url(/media/2713993/closebtn.gif) no-repeat;
  cursor: pointer;
}
#findAProgramCloseButton a:hover,
#findAProgramDropdownCloseButton a:hover,
.findAProgramCloseButton a:hover {
  border: 0;
  text-decoration: none;
}
/* remove junk list items */
.fancybox-inner li:empty,
#section_left_bar li:empty,
#contentBody li:empty,
#bio_center_area li:empty,
.fancybox-inner li a:empty,
#section_left_bar li a:empty,
#contentBody li a:empty,
#bio_center_area li a:empty {
  display: none;
}
.backclick {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 5;
  width: 10000px;
  height: 10000px;
  background: rgba(0, 0, 0, 0.5);
}
/* Left Local Nav */
#sg_leftMenu ul {
  border-top: 2px solid #fafafa;
}
#sg_leftMenu ul ul {
  padding-left: 18px;
  border-top: 0 solid #fafafa;
}
#sg_leftMenu ul ul ul {
  padding-left: 7px;
  border-top: 0 solid #fafafa;
}
#sg_leftStaticMenu a,
#sg_leftMenu div.div_no_link {
  display: block;
  padding: 4px 0 4px 11px;
  color: #292a3c;
  text-decoration: none;
}
#sg_leftStaticMenu .iconImg {
  background-image: none !important;
}
#leftMenuGen {
  margin-top: 6px;
  margin-bottom: 6px;
  padding-top: 10px;
  padding-bottom: 8px;
  border-radius: 5px;
  background-color: #dfdac3;
}
#leftMenuGen div.div_no_link:hover,
#leftMenuGen a:hover,
#leftMenuGen .activeSection ul li a:hover {
  background-color: #80959f;
  color: #fff;
}
#leftMenuGen li {
  background-color: #efece0;
}
#leftMenuGen a {
  display: block;
  padding: 4px 0 4px 11px;
  border-bottom: 2px solid #fafafa;
  color: #292a3c;
  text-decoration: none;
}
#leftMenuGen .activeSection div.div_no_link,
#leftMenuGen .activeSection a {
  background-color: #97959f;
  color: #fff;
}
#leftMenuGen .activeSection ul li a {
  background-color: transparent;
  color: #292a3c;
}
#leftMenuGen div.div_no_link {
  border-bottom: 2px solid #fafafa;
}
#leftbar_search_finds,
#leftbar-find-a-program {
  margin: 6px 0;
  padding: 8px 0;
  border-radius: 2px;
}
#leftbar_search_finds li,
#leftbar-find-a-program li {
  background-color: #eee;
}
#leftbar_search_finds a,
#leftbar-find-a-program a {
  border-bottom: 2px solid #fafafa;
}
#leftbar_search_finds a:hover,
#leftbar-find-a-program a:hover {
  background-color: #97959f;
  color: #fff;
}
#leftbar_search_finds .activeDiv,
#leftbar-find-a-program .activeDiv {
  background-color: #97959f;
  color: #fff;
}
#leftbar_search_finds .activeDiv h2,
#leftbar-find-a-program .activeDiv h2 {
  color: #fff;
}
#leftbar-find-a-program {
  background-color: #aebfc1;
}
#leftbar_search_finds {
  background-color: #b8bdc3;
}
#leftbar_search_finds ul,
#leftbar-find-a-program ul,
#leftbar-find-a-program > div:first-child {
  border-top: 2px solid #fafafa;
}
#sg_jumpbox,
#sg_jumpbox2 {
  margin: 0;
  padding: 4px 0 4px 26px;
  border-bottom: 2px solid #fafafa;
  background-color: #eee;
  background-image: url(/media/2979949/menu.gif);
  background-position: 6px 0.5em;
  background-repeat: no-repeat;
  color: #292a3c;
  font-weight: 400;
  cursor: pointer;
}
#sg_jumpbox:hover,
#sg_jumpbox2:hover {
  background-color: #80959f;
  color: #fff;
}
#signOutButton {
  padding-top: 8px;
}
/* Login Window */
#loginWindow {
  position: absolute;
  top: -300px;
  left: -600px;
  z-index: 200;
  display: none;
  width: 290px;
  border: 1px solid #a9a5c7;
  background-color: #e3e3e3;
}
#loginWindow a.loginStripClose {
  color: #fff;
  font-weight: 700;
}
#loginWindow a.loginStripClose:hover {
  color: #ff9900;
  font-weight: 700;
}
#loginWindow #topStrip {
  margin: 0;
  padding: 4px 0;
  height: 18px;
  background-color: #7a7a7a;
  color: #fff;
}
#loginWindow #topStrip h1 {
  color: #000;
}
#umbMemberControlsLogin p {
  margin: 2px;
  padding: 2px 0 2px 10px;
  color: blue;
  text-align: left;
}
#umbMemberControlsLogin .loginButton {
  text-align: center;
}
.logoutName {
  color: blue;
}
#loginSurroundDiv {
  margin: auto;
  border: 1px solid gray;
  text-align: center;
}
/* Login page */
.systemwide_top_login_text,
.systemwide_bottom_login_text {
  text-align: center;
  font-size: 1.1em;
}
.login_form {
  margin: 20px auto;
  background: #D0DFF7;
  padding: 15px 20px;
  border: 1px solid #f1faff;
  border-top: 1px solid #bec3cd;
  border-left: 1px solid #bec3cd;
  border-radius: 5px;
  overflow: hidden;
  max-width: 400px;
  text-align: center;
}
.login_form label {
  font-size: 1.3em;
  display: block;
  padding-right: 10px;
}
.login_form input[type="text"],
.login_form input[type="password"] {
  padding: 4px 2px;
  background-color: #fff;
  width: 280px;
  margin: 0 0 15px;
}
.login_form input[type="text"]:-webkit-autofill,
.login_form input[type="password"]:focus {
  background-color: #37ffd3 !important;
}
.login_form input[type="submit"] {
  margin: 10px auto 0;
  display: block;
  padding: 6px 20px;
  letter-spacing: 0.1em;
  background: #248;
  border-radius: 5px;
  text-transform: uppercase;
  color: #fff;
  padding: 8px 16px;
  cursor: pointer;
  border: 1px solid #126;
  border-top: 1px solid #379;
  border-left: 1px solid #379;
  clear: both;
}
.login_form input[type="submit"]:hover {
  background: #37d;
  text-shadow: 1px 1px #225;
  border: 1px solid #126;
  border-bottom: 1px solid #8cf;
  border-right: 1px solid #8cf;
}
.settings_item h2 {
  margin: 20px 0 10px;
}
@media only screen and (min-width: 400px) {
  .login_form label {
    display: block;
    float: left;
    width: 120px;
    clear: both;
  }
  .login_form input[type="text"],
  .login_form input[type="password"] {
    float: left;
    display: block;
  }
}
@media only screen and (min-width: 960px) {
  .settings_item h2 ~ p {
    width: 33%;
    float: left;
  }
}
/* added 05/12/2014 */
.login_domain_title {
  display: block;
  margin: auto;
  font-size: 1.6rem;
  text-align: center;
}
#form_login #main-login .sub-main h2 {
  text-align: center;
  font-size: 30px;
  font-size: 3rem;
}
.login_domain_title {
  font-size: 0.6em;
  text-transform: uppercase;
}
/* Qtip */
/* qTip2 v2.2.0 None | qtip2.com | Licensed MIT, GPL | Thu Nov 21 2013 20:37:00 */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 400px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  box-shadow: none;
  padding: 0;
}
.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
}
.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: 700;
}
.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}
.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  cursor: pointer;
  outline: medium none;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}
.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}
.qtip-icon,
.qtip-icon .ui-icon {
  border-radius: 3px;
  text-decoration: none;
}
.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: 400 bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}
.qtip-default {
  border-width: 1px;
  border-style: solid;
  border-color: #F1D031;
  background-color: #FFFFA3;
  color: #555;
}
.qtip-default .qtip-titlebar {
  background-color: #FFEF93;
}
.qtip-default .qtip-titlebar .qtip-close {
  border-color: #AAA;
  color: #111;
}
.qtip-default .qtip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777;
}
/* END of Qtip basic stuff */
/* bio hover tool tip (uses two different formats for Conditions & Procedures and Bios: Mentors so needs different classes) */
.qtip {
  width: 390px;
}
.qtip .qtip-content {
  padding: 0;
}
div.qtip-blue {
  background-color: #f3f3f3;
  border-color: #ccc;
  color: #555;
  font-size: 12px;
  line-height: 140%;
}
div.qtip-shadow {
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}
.bio_tool_tip,
.PhysicianTooltip {
  min-height: 138px;
  background: url(/media/6682463/empty-profile-short.png) no-repeat 10px 34px;
  padding-bottom: 10px;
}
/* Name */
.tooltip_bioname,
.tooltipBioName {
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  padding: 4px 0 4px 10px;
  margin: 0 0 6px;
  background: #507097;
}
/* Titles */
.tooltip_biotitles,
.tooltipBody {
  margin-left: 85px;
  padding: 0 8px 0 0;
}
.tooltip_biotitles p,
.tooltipBody p {
  margin: 0 0 4px;
}
/* tooltip UL LI - Don't know if these are used */
#cluetip ul {
  margin: 7px 2px 0 -2px;
  padding: 0px 0 4px 10px;
}
#cluetip li {
  list-style: none;
  margin: 0 10px 0 0;
  padding: 0 0 5px 0;
}
/* Image */
.tooltip_img,
.tooltipBioIMage img {
  position: absolute;
  top: 34px;
  left: 10px;
  border: 1px solid #ccc;
  width: 67px;
  height: auto;
}
#tocnav {
  display: none;
}
.videoarrow {
  position: relative;
  display: block;
  width: 250px;
  height: 150px;
  overflow: hidden;
  border: 2px solid #fff;
  transition: all 0.4s;
  box-shadow: 0 0 0 2px #b4cdf5;
}
.videoarrow img {
  width: 100%;
  height: auto;
}
.videoarrow::before {
  content: "\25B6";
  position: absolute;
  top: 49%;
  left: 43%;
  line-height: 21px;
  font-size: 42px;
  color: rgba(255, 255, 255, 0.5);
  display: block;
}
.videoarrow:hover {
  box-shadow: 0 0 0 2px #0450ac;
}
.videoarrow:hover::before {
  color: #ffffff;
}
/* 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,iVBORw0KGgoAAAANSUhEUgAAAGQAAABeCAYAAADVA7GfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAyxJREFUeNrsnTtoFFEUhr9dRJso7OITQTTiowo+UFFRJBBMEKKlik0aOw12EkwhiMFHIdoIgpUIFiJE8IGmUQIpLIJbiLogihFjFMGoUYOuxZ3AsszcmZ3sHLb4v3am+j/uzLlz77mTq1QqiOYhrwgkREiIhIiUzElwTxewDVihuGbFBDAC3Ad+pRHSBpwDOpVlQxkBTgMPwi7mIsreQ8BNZZcp/cCZJEJ2AMPKy4SjwLU4IePAYmVlxtIg89Aq66BkmHPMV/buVT7mbPUJWaJ8zCn6hOhLY5PN1D8oEnM++4TcVj7mPIore58Bm5WTCZPAIuB31AgB2A9MKysT9lXLiBIyFoyQt8orM6aAbuBp3Et9hhKwFhgA3im/hvEJuAqsAe6G3ZBLuKa+HmhVnrPiPfAi7nWQ0yaH5p6HCAkREiIhQkIkREiIhAgJkRAhIUJCJERIiIQICZEQkSlJOqg24vafFgOBWmKsj1yQ2TfgOfAkrZDtwFlgjzJtKCXgFDAYai9iTb0HuK7sMmUA6EsipB0YUl4mHAeu+ITkcZt/C8rKjOVUbXKvrbIOS4Y53g6qDuVjzhafEHVQ2VPwCfmjfMz56xOijdX2jPuE3FI+5tyLm4cM405zENnzBXcuwL+oEQJwAPiurEzorJYRJWQC90HxpfLKdGR04Po5iRMCUMY16fQBr5RfwxgDLgKrgcdhNyRt2FkFzEef3tOSx/UVlmsfUWmFCENzQkKEhEiIkBAJERIiIUJCJERIiJAQCRESIiFCQiREmJGkg2o3sAFYiVt+1BJj/czFHYI5Ss1J1vUIaQcuAJuUZ0Mp4/5BdSPsYtSaei9wSdllyuUg51ghXdRsbxSZcRL3J7xIIfNwHVQtysqMVuBNVJXVIxnmnPCVvbuUjzltPiELlY85C3xCppSPOdM+IfpniD0ffUL0/1t7BuPmIUPBLF3YjI5lcUIKwfS+qLxMKqyS75EF8BX3MXFUeWU6MnbWyogaIdX0AkdwHT8t6LysNMycl/UzKJruAOeBH6E3J2jY6QbWBY8yCUkvZBJ4DTzEHWZGWiHCEK0YSoiQEAkRafk/AM7hs535kxBsAAAAAElFTkSuQmCC);
  background-size: contain;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  border: 0;
  padding-top: 2px;
  top: 3px;
}
.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;
  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: inline-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: #fafafa;
  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;
}
.member_login #mobile_menu_button {
  display: none;
}
/*toc nav css WHERE DID THIS GO? */
#tocnav {
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 6px 8px 4px;
  background: #fafafa;
}
#tocnav.float-nav {
  position: fixed;
  width: 250px;
  top: 15px;
}
#tocnav h2,
#tocnav h3 {
  font-weight: 400;
  font-size: 0.9em;
  margin: 5px 0;
  color: #0450ac;
  cursor: pointer;
  line-height: 130%;
}
#tocnav h2:hover,
#tocnav h3:hover,
#tocnav h2:hover,
#tocnav h3:hover {
  text-decoration: underline;
}
#tocnav h3 {
  margin-left: 10px;
}
#tocnav span.standardText {
  color: inherit;
  font-size: inherit;
}
#tocnav strong {
  font-weight: inherit;
}
@media only screen and (min-width: 1224px) {
  #tocnav.float-nav {
    width: 294px;
  }
}
.tocheader {
  text-transform: uppercase;
  font-size: 0.9em;
  margin: -6px -8px 8px;
  background: #999;
  color: #fff;
  padding: 6px 8px 4px;
  border-radius: 4px 4px 0 0;
  font-weight: 700;
}
/* social icons */
@font-face {
  font-family: 'FontAwesome';
  font-style: 'normal';
  font-weight: 'normal';
  src: url("/fonts/fontawesome-webfont.eot");
  /* IE9 Compat Modes */
  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');
  /* 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;
  position: absolute;
  right: 20px;
  top: 5px;
  width: 380px;
  z-index: 1000;
  margin: 0;
}
.social-icons {
  margin: 15px 0 0;
  display: flex;
  justify-content: flex-end;
}
.social-icons ul {
  margin: 0;
  padding: 0;
  display: block;
}
.social-icons li {
  display: inline-block;
  padding: 0;
  margin: 0 0 0 10px;
  list-style: none;
  background: none;
}
.social-icons h3 {
  margin: 0 10px 0 0;
  padding: 7px 0 0;
  color: #888;
  text-transform: uppercase;
  font-size: 13px;
  font-size: 1.3rem;
}
.social-icons a {
  width: 30px;
  height: 30px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  line-height: 34px;
  position: relative;
  background-color: #999;
  margin: 0 6px 0 0;
}
.social-icons a:hover {
  text-decoration: none;
  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.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.3rem;
  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.9rem;
  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: 0.95em;
}
#email_input:focus {
  color: #333;
}
#print_document_header div button {
  background-color: #d9d9d9;
  background-image: linear-gradient(top, #ffffff 6%, #d9d9d9 100%);
  border: solid 1px #8399a8;
  border-radius: 3px;
  padding: 5px 6px;
  display: inline-block;
  font-size: 12px;
  color: #000000;
  text-transform: uppercase;
  margin: 0 2px 0 2px;
  position: relative;
  cursor: pointer;
  top: -1px;
}
#print_document #print_document_header div button {
  padding: 1px 6px;
  margin-bottom: 2px;
}
#print_document_header div button:hover {
  background-color: #cce0ff;
  background-image: linear-gradient(top, #cce0ff 6%, #8cbaff 100%);
  color: #000;
}
#popup_rss_email input[type="submit"] {
  background-color: #3d94f6;
  background-image: linear-gradient(to bottom, #3d94f6 5%, #3388e9 100%);
  border: 1px solid #2a7ee3;
  border-radius: 3px;
  padding: 5px 6px;
  display: inline-block;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0px 1px 0px #2e72e0;
  margin: 0 2px 0 2px;
  position: relative;
  cursor: pointer;
  top: -1px;
}
#print_document #popup_rss_email input[type="submit"] {
  padding: 1px 6px;
  margin-bottom: 2px;
}
#popup_rss_email input[type="submit"]:hover {
  background: #213b77;
  /* Old browsers */
  background-image: linear-gradient(to bottom, #213b77 0%, #091f60 100%);
  /* W3C */
  text-shadow: 0px 1px 0px #1e4a92;
  border: 1px solid #1b5090;
  color: #fff;
}
/* TODO Remove Sept 1 2020 or after versioning is added to every css */
#slide-and-search-container,
#slide-and-search-container > a,
#topImage,
#slideshow,
#left_transparent,
#sg_topImageContainer {
  background: #fff !important;
}
/* Site Directory Nav */
/* Find a program popup menus */
/* find a program */
#slideout_programs_labs_panel_surgerywide {
  display: none;
}
#findAProgramLabSystemWide {
  padding: 25px 0 0;
}
.findAProgramCloseButton {
  display: none;
}
/* div for header */
.findAProgramColumnDiv {
  clear: both;
  margin: 0 0 8px 0;
  padding-bottom: 1px;
  border-bottom: 1px solid #cccccc;
  color: #a90101;
  font-weight: 700;
  height: 23px;
  /* needed with no header */
  position: absolute;
  top: -4px;
  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 0 4px 0;
  background: none;
  color: #0450ac;
  font-weight: 400;
  margin-bottom: 2px;
  line-height: 120%;
}
.findAProgramPopoutUL a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.findAProgramPopoutUL a:hover {
  border-bottom: 1px solid #999;
}
#findAProgramCloseButton,
#findAProgramDropdownCloseButton,
.findAProgramCloseButton {
  position: absolute;
  top: 8px;
  right: 8px;
}
#findAProgramCloseButton a,
#findAProgramDropdownCloseButton a,
.findAProgramCloseButton a {
  display: block;
  width: 21px;
  height: 20px;
  background: url(/media/2713993/closebtn.gif) no-repeat;
  cursor: pointer;
}
#findAProgramCloseButton a:hover,
#findAProgramDropdownCloseButton a:hover,
.findAProgramCloseButton a:hover {
  border: 0;
  text-decoration: none;
}
.findAProgramPopoutUL li {
  font-size: 90%;
  padding: 0;
  margin: 0 0 5px 0;
  list-style: none;
}
@media only screen and (min-width: 720px) {
  .findAProgramPopoutUL {
    width: auto;
    padding: 0;
    float: none;
    columns: 3;
  }
}
.findAProgramPopoutUL a[href*="/surgery-dropdown-headings/"] {
  font-weight: 700;
  color: #513a52;
  margin-top: 14px;
  display: inline-block;
  border-bottom: 1px solid #fff;
}
.findAProgramPopoutUL a[href*="/clinical-programs"]:hover,
.findAProgramPopoutUL a[href*="/research"]:hover,
.findAProgramPopoutUL a[href*="/education--training"]:hover {
  cursor: default;
}
/* Page aside */
/* Left Column Nav and modules */
/* For jumpboxes and local nav see the Navigation section */
/* Promo Modules */
#sg_leftBarEditableRegion {
  margin: 12px 0 0;
}
#sg_leftBarEditableRegion > div {
  border-radius: 2px;
  margin: 12px 0 5px;
  clear: both;
  background: #eee;
}
#sg_leftBarEditableRegion > div > h2 {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  color: #fff;
  margin: 0;
  padding: 5px 10px;
  background: #959595;
}
#sg_leftBarEditableRegion a {
  font-weight: 700;
}
#sg_leftBarEditableRegion p {
  margin: 0 0 5px;
}
#sg_leftBarEditableRegion p a {
  font-weight: 400;
}
#sg_leftBarEditableRegion .inner {
  padding: 10px 12px;
}
#sg_messagebox .inner {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 1.5rem;
}
#sg_messagebox .inner > div:first-child img {
  margin: 0;
  display: block;
  max-width: none;
}
#sg_messagebox .inner div.link_text {
  grid-column-start: 1;
  grid-column-end: 3;
  padding: 0;
}

@media (max-width: 1260px) {
	/*#sg_messagebox .inner > div:nth-child(2) {
		color:red;
	}*/

	#sg_messagebox .inner {
  		/*display: grid;
  		grid-template-columns: 1fr;
  		gap: 1.5rem;*/
		display:flex;
		flex-wrap:wrap;
	}	 
}

.link_text {
  clear: both;
  padding: 6px 0 0;
}
.link_text a {
  color: #1c3564;
  font-weight: 700;
}
.link_text a:hover {
  color: #0450ac;
}
a.sg_readmore {
  clear: both;
  font-weight: 700;
  margin: 12px 0;
}
a.sg_readmore:hover {
  text-decoration: underline;
}
#sg_jumplinks {
  padding: 10px 10px 0;
  border-top: 1px solid #cccccc;
  border-bottom: 2px solid #fff;
}
#sg_jumplinks a {
  display: block;
  padding: 0 0 4px 14px;
  background: url(/img/h2-arrow-rev.gif) no-repeat 0 0.2em;
  font-weight: 700;
}
.leftBarBoxesFreeform {
  float: left;
  margin-top: 10px;
  padding-bottom: 5px;
  width: 100%;
  clear: both;
  background-color: #fff;
}
.leftBarBoxesFreeform .sg_message_title {
  display: none;
  background-color: #e4e8ed;
}
.leftBarBoxesFreeform p {
  background-color: #fff;
}
.nonLinkingHeaderDiv {
  border-bottom: 2px solid #fafafa;
}
.nonLinkingHeaderDiv h4.nonLinkingHeader {
  margin: 0 0 0 12px;
  padding: 6px 0 4px;
}
.leftbar_padding {
  padding: 6px;
}
/* Page aside: rightbar */
/* -----------------------------------------------------
Floating Index
-------------------------------------------------------- */
#floating-index {
  border-radius: 4px 4px 0 0;
  background: #fafafa;
  padding-bottom: 8px;
  border-bottom: 0;
}
#floating-index.float-nav {
  position: fixed;
  top: 0;
  margin-top: 20px;
}
#floating-index.float-nav h3 {
  margin-top: 0;
}
#floating-index:empty {
  display: none;
  border: 0;
}
#floating-index a {
  display: block;
  padding: 5px 15px;
  line-height: 120%;
}
#floating-index h3 {
  padding: 0.6em 0.8em 0.6em 0.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;
}
#floating-index h3 .index-top-link {
  font-weight: 300;
  float: right;
  font-size: 13px;
  color: #fff;
  background: #aaa;
  background: #23527c;
  display: block;
  padding: 3px 8px 3px;
  border-radius: 3px;
}
#floating-index h3 .index-top-link:hover {
  text-decoration: none;
  background: #5596f5;
}
/* Home page */
/* Home page specific css */
/* Top intro section */
#sg_contentHeading {
  overflow: hidden;
  border-bottom: 1px solid #dAdDe2;
  padding: 0 0 20px;
}
#sg_contentHeading li {
  margin-bottom: 4px;
}
#sg_contentHeading h2 {
  color: #4f4f4f;
  margin: 0;
}
/* Middle section with three columns */
#sg_bottomBoxContainer {
  overflow: hidden;
  padding: 20px 0 12px;
  min-height: 224px;
  border-bottom: 1px solid #dAdDe2;
}
#sg_bottomBoxContainer ul li {
  margin-bottom: 3px;
}
#sg_bottomBoxContainer h2 {
  margin: 0 0 5px;
  color: #1a3256;
  text-transform: uppercase;
}
#sg_bottomBoxContainer > div {
  margin-bottom: 20px;
}
.no-flexbox #sg_bottomBoxContainer > div {
  width: 33.333%;
  float: left;
}
#sg_bottomBoxContainer ul,
#sg_userEditableContent ul {
  margin: 0;
  border: 0;
  padding: 2px 0;
  list-style: none;
}
#sg_bottomBoxContainer ul li,
#sg_userEditableContent ul li {
  padding: 1px 0;
  background: none;
}
.news_frontpage_container {
  overflow: auto;
  height: 250px;
}
.news_frontpage_readmore {
  width: 170px;
  padding-top: 12px;
}
/* Lower section open text field */
#sg_userEditableContent {
  padding: 14px 0 30px;
  min-height: 150px;
  border: 0;
  clear: both;
}
#sg_userEditableContent h2 {
  margin: 0 0 5px;
  color: #1a3256;
  text-transform: uppercase;
}
/* Youtube play button css */
/* Turn video image links to show a play arrow. This is kludgy and needs to have a better solution that shifts to the img size changes */
#sg_userEditableContent a[href*="youtube.com"]::after,
#sg_contentHeading a[href*="youtube.com"]::after,
#sg_bottomBoxContainer a[href*="youtube.com"]::after {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: block;
  overflow: hidden;
  width: 60px;
  height: 60px;
  background-image: url(http://surgery.ucsf.edu/media/4695116/play-icon-both.png);
  background-repeat: no-repeat;
  content: "\20";
}
#sg_userEditableContent a[href*="youtube.com"] img,
#sg_contentHeading a[href*="youtube.com"] img,
#sg_bottomBoxContainer a[href*="youtube.com"] img {
  display: block;
  margin-right: 15px;
}
#sg_userEditableContent a[href*="youtube.com/watch"],
#sg_contentHeading a[href*="youtube.com/watch"],
#sg_bottomBoxContainer a[href*="youtube.com/watch"] {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
}
#sg_userEditableContent a[href*="youtube.com/watch"] img,
#sg_contentHeading a[href*="youtube.com/watch"] img,
#sg_bottomBoxContainer a[href*="youtube.com/watch"] img {
  display: block;
}
#sg_userEditableContent a[href*="youtube.com/watch"]:hover::after,
#sg_contentHeading a[href*="youtube.com/watch"]:hover::after,
#sg_bottomBoxContainer a[href*="youtube.com/watch"]:hover::after {
  background-position: 0 -100px;
}
/* Misc tweaks */
#home #email_print_container {
  visibility: hidden;
}
.homeBottomTitle {
  padding-top: 8px;
  padding-bottom: 4px;
  font-weight: bold;
}
.sg_hp_3col {
  margin: 0 0 15px;
}
@media only screen and (min-width: 960px) {
  #sg_bottomBoxContainer {
    padding-left: 24px;
  }
  #sg_userEditableContent {
    padding-left: 24px;
    padding-right: 10px;
  }
  #middle_left_section_text {
    padding-right: 6px;
  }
  #middle_center_section .imgRightAlignBd {
    margin-left: 10px;
  }
  #middle_left_section_wide,
  #middle_center_section_wide,
  #middle_right_section {
    float: left;
  }
  #sg_bottomBoxContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
  }
  #sg_bottomBoxContainer > div {
    width: auto;
    margin: 0;
    float: none;
    order: 0;
    flex: 1 1 50%;
    align-self: auto;
    padding-right: 25px;
  }
  #sg_bottomBoxContainer > div:last-child {
    padding: 0;
  }
}
/* Bios */
/* CSS for bio pages and faculty page */
/* Faculty Main */
#faculty_main hr {
  margin: 0 10px 0 0;
}
#faculty_main h3 {
  margin: 2px 0 5px;
}
#faculty_main .separater {
  clear: both;
  margin: 0;
  padding: 0;
  height: 18px;
}
#faculty_main #introText {
  padding-bottom: 2px;
}
.section_title {
  margin: 6px 0 7px;
  padding: 0;
  background-color: #a2a5ad;
}
.section_title h3 {
  margin: 6px 0 2px;
  padding: 2px 10px;
  color: #fff;
  font-weight: 700;
}
.section_title p {
  padding: 2px 10px 7px;
}
.bios {
  margin: 3px 0 0;
  padding: 0 0 6px;
  vertical-align: top;
}
.bios.clear_float_left {
  padding: 4px 0;
}
.bios_img {
  float: left;
  padding: 8px 8px 0 0;
  width: 18%;
  max-width: 140px;
}
.bios_img img {
  padding-bottom: 0;
  width: 100%;
  height: auto;
}
.bios_name {
  margin-top: 6px;
}
#facultyBioSelect {
  padding: 10px;
  border: 1px none #cccccc;
  background-color: #f2f5fd;
}
#sg_bio_contact {
  margin: 10px 0 0 0;
  position: relative;
  padding: 6px;
  border: 3px double #e3e3e3;
  background-color: #f3f3f3;
  overflow: hidden;
}
#sg_bio_contact td {
  padding: 0 12px 10px 0;
}
#sg_bio_contact p {
  float: left;
  margin: 0;
}
#sg_bio_contact h3 {
  margin: 0;
}
.bio_has_rightbar #sg_bio_contact #MAAButton {
  display: none;
}
.requestApptButton {
  float: right;
}
.requestApptButton a {
  display: block;
  margin: 0;
  padding: 0;
  width: 153px;
  height: 20px;
  background: transparent url(/img/blue-orange-btn-with-text.gif) 0px 0px repeat scroll;
  color: white;
  text-decoration: none;
  font-weight: 400;
}
.requestApptButton a:hover {
  padding: 0;
  height: 20px;
  background-position: 0 20px;
  color: black;
}
#contactContents {
  clear: both;
  color: #333333;
  text-align: left;
}
span.bio-include {
  display: block;
}
.mini_bio_include_link {
  padding-top: 6px;
  padding-bottom: 12px;
}
.mini_bio_include_contact_info,
.mini_bio_include_narritive {
  padding-top: 6px;
}
a.viewall_1 {
  display: block;
  margin-top: 5px;
  padding-left: 16px;
  font-weight: 700;
}
.bioBiography,
.bioPublications,
.bioMediaLinks,
.bioResearchSummary {
  clear: both;
  margin: 10px 6px 10px 0;
  padding: 0 0 5px;
  width: auto;
}
.bioBiography,
.bioPublications,
.bioResearchSummary {
  border-bottom: 1px solid #cccccc;
}
.bioResearchSummary ul {
  margin-bottom: 0;
}
#bioPersonalInfo {
  overflow: hidden;
}
#bioPersonalInfo h2 {
  color: #1a3256;
  font-weight: 400;
  margin-top: 5px;
}
#bioPersonalInfo h2 p {
  margin: 2px 0 4px;
  padding: 0;
}
.bioClinicalTrialsItems {
  margin: 4px 6px 10px 0px;
}
.bioClinicalTrialsItems .trialTitle {
  padding: 0 16px 0 10px;
}
.bioClinicalTrialsItems .trialStudyID {
  margin-bottom: 7px;
  padding-left: 10px;
  font-weight: 700;
}
.bioClinicalTrialsItems .lineOddColor {
  background-color: #f2f5fd;
}
#bioReadMore,
.bioReadMore {
  background-color: #eeeeee;
}
.bioReadMoreLink {
  padding: 0 0 6px 20px;
  font-weight: 400;
}
.bioReadMoreLink a {
  padding-left: 12px;
  background: url("/img/h2-arrow.gif") no-repeat scroll 0 3px transparent;
}
.bioReadMoreLink .viewAllClassSelected {
  color: #e79d25;
}
.bioReadMoreLink .viewAllClass {
  color: #0450ac;
}
#bioClinicalTrials {
  padding-bottom: 4px;
  margin-bottom: 9px;
  border-bottom: 0;
  border-bottom: 1px solid #CCC !important;
}
#bioClinicalTrials .lineEvenColor {
  background-color: #fff;
}
.bio_read_less {
  display: block;
}
.bio_read_more {
  display: none;
}
.bioReadMoreLink {
  font-weight: 400;
}
.power_by_link {
  background: none;
  padding-left: 0px;
}
.bioPublications ol {
  margin-top: 0;
}
#miniBioListTablesss td {
  border-bottom: 1px solid #cccccc;
  padding-top: 6px;
  padding-bottom: 4px;
}
#miniBioListTablesss td .miniBioImg {
  float: left;
  width: 122px;
}
#miniBioListTablesss td .miniBioTextInfo {
  float: left;
  width: 536px;
}
.bioBarBio,
.bioBarResearch,
.bioBarPublications,
.bioBarNews {
  float: left;
}
.mini_bio_include_name {
  color: #1a3256;
  font-weight: 700;
}
.mini_bio_include_left_section img {
  width: 90px;
}
#sg_biopic,
.sg_trials_image img {
  border: 1px solid #ccc;
  float: left;
  padding: 2px;
  margin: 0;
  width: 20%;
}
.name_titles_contact_info {
  width: 78%;
  margin-left: 2%;
  float: left;
}
/* News Section for Bio */
.bioWebsiteLinks li {
  margin: 2px 0;
  padding: 2px 0 2px 14px;
  background: transparent url(/img/h2-arrow.gif) no-repeat scroll 0 0.5em;
  list-style: none;
}
.newsPubName {
  font-style: italic;
  padding-bottom: 3px;
}
.bio-attributes {
  overflow: hidden;
  padding-bottom: 13px;
  margin-bottom: 10px;
}
.bio-attributes table {
  width: 100%;
  margin: 0 0 15px;
}
.bio-attributes table tr:nth-child(odd) td {
  background: #eee;
}
.bio-attributes:empty {
  display: none;
}
.bio-attributes ul {
  margin-bottom: 0;
}
.bio-attributes .bio-attributes {
  border-bottom: none;
  padding-bottom: 4px;
}
.bioPersonDetails {
  clear: both;
  margin: 0px 6px 10px 0px;
  padding: 0 0 20px;
  width: auto;
  overflow: auto;
  background: url(../img/sg_bio_border.gif) bottom center repeat-x;
}
.bioPersonDetails .bio-attributes {
  padding-bottom: 0px;
}
.bio_bottom .bio-attributes {
  border-bottom: 1px solid #CCC;
}
.header_row td {
  color: #2d494f;
}
.bio_more_items {
  margin-top: 5px;
}
.bio_more_items,
.more_div {
  background: url(/img/h2-arrow.gif) 0px 0.4em no-repeat;
  padding-left: 15px;
  list-style: none;
}
.more_div {
  color: #0450ac;
  margin: 10px 0;
  display: inline-block;
}
.more_div:hover {
  text-decoration: underline;
}
.bio_mentored_research_residents tr td:nth-child(1) {
  width: 40%;
}
.bio_mentored_research_residents tr td:nth-child(2) {
  width: 12%;
}
.bio_mentored_research_residents tr td:nth-child(3) {
  width: 40%;
}
/* below new for changing dtFindADoctorImage to bioImage */
.find_a_doctor_img_div {
  float: left;
  width: 104px;
}
.find_a_doctor_img_div img {
  width: 90px;
}
.bio_img_for_faculty_section {
  float: left;
  width: 67px;
  padding-right: 8px;
  padding-top: 8px;
  padding-bottom: 0;
}
.bio_img_for_faculty_section img {
  width: 67px;
}
/* changes to news display */
/* removed ID and replaced with class - needs changing in site-styles.css */
.news_img1_container img[class*="topImage"],
.news_img2_container img[class*="topImage"] {
  height: auto;
  width: 144px;
}
.ellipsis_remove_block {
  display: inline;
  margin: 0;
}
/* News Section for Bio */
.bioMediaLinks li {
  background: none;
}
.bioMediaLinks li:nth-of-type(odd) {
  background: #f5f5f5;
}
.bioMediaLinks li h3 {
  color: #003366;
  padding-top: 5px;
}
.bioMediaLinks .bulletArrow {
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 2px 0 2px 12px;
}
.inTheNews ul {
  padding: 0;
}
.faculty_list_name_titles_img,
.faculty_list_name_titles_no_img,
.faculty_list_info {
  width: 80%;
  margin-left: 2%;
  float: left;
}
#selTypes select {
  font-weight: 400;
  max-width: 100%;
}
/* From bio.css */
.authors_in_pubs {
  color: #666;
}
.bio_mentored_research_residents {
  padding-bottom: 6px;
  border-bottom: none !important;
}
.bio_mentored_research_residents td {
  padding: 4px 6px;
}
.bio_mentored_research_residents tr.header_row {
  font-weight: 700;
}
.bio_awards {
  padding-bottom: 8px;
}
.CTSI_attribution_text {
  margin-top: 10px;
  font-size: 1.2rem;
}
.CTSI_attribution_text_CTSI {
  margin-top: 10px;
  font-size: 1.1rem;
}
#index_bar {
  margin: 12px 0 25px;
  clear: both;
}
#index_bar a {
  padding: 0 5px;
}
#leftbar_virtualbox_top,
#leftbar_virtualbox_bottom {
  background-color: #aebfc1;
  border-radius: 5px;
}
#leftbar_virtualbox_top div,
#leftbar_virtualbox_bottom div {
  border-radius: 5px;
  clear: both;
  padding-bottom: 10px;
  background-color: #eee;
}
#leftbar_virtualbox_top div a,
#leftbar_virtualbox_bottom div a {
  background-position: 6px 0.5em;
  background-repeat: no-repeat;
  border-bottom: 2px solid #fafafa;
  color: #292a3c;
  cursor: pointer;
  font-weight: 400;
  margin: 0;
  padding: 4px 0 4px 26px;
  display: block;
}
#leftbar_virtualbox_top .inpage_links_title,
#leftbar_virtualbox_bottom .inpage_links_title,
#leftbar_virtualbox_top #leftbar_virtualbox_bottom .inpage_links_title,
#leftbar_virtualbox_bottom #leftbar_virtualbox_bottom .inpage_links_title {
  background-color: #aebfc1;
  border-radius: 5px 5px 0 0;
  font-size: 16px;
  font-weight: bold;
  margin: 6px 0;
  padding: 2px 0 2px 10px;
  color: #fff;
  display: block;
}
.bio_giftbox {
  float: right;
}
.bio_giftbox .link_text a {
  background: linear-gradient(center top, #ffae4c 5%, #f08400 100%) repeat scroll 0 0 #ffae4c;
  border: 1px solid #e09514;
  border-radius: 5px;
  box-shadow: 0 1px 0 0 #faead7 inset;
  color: #363436;
  display: inline-block;
  font-family: Arial;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: bold;
  height: 20px;
  line-height: 19px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  text-shadow: 1px 1px 0 #edcc97;
  width: 153px;
}
/* Accordian stuff - Needs the ID to overwrite the jquery ui css */
.clinics_appointments_title {
  background-color: #F3F3F3;
  border-radius: 5px 5px 0 0;
  color: #666;
  font-weight: 400;
  margin: 0 auto;
  padding: 9px 0 4px;
  text-align: center;
  text-transform: uppercase;
  max-width: 586px;
}
#accordion {
  display: none;
  font-family: inherit;
  font-size: inherit;
  max-width: 586px;
  margin: 0 auto;
  background-color: #F3F3F3;
}
#contentBody #accordion {
  margin: 15px 0;
}
#accordion .ui-accordion-header {
  color: #1a3256;
  background: #f7f3db;
  border-color: #b1ad9e;
  font-weight: 400;
  padding: 0.7em 1.7em 0.7em 0.8em;
  cursor: pointer;
  position: relative;
  margin: 0 3px 3px;
}
#accordion .ui-accordion-header-active {
  margin: 0 3px 0;
}
#accordion .ui-accordion-header:hover,
#accordion .ui-state-active {
  background: #D7E3F5;
  border-color: #A3B2C7;
  cursor: pointer;
}
#accordion .ui-accordion-header-icon {
  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%20-0.001%20451.846%203211.333%27%3E%3Cpath%20fill%3D%27%23666%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.357%2012.354%2012.357%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.266zM248.292%20993.854l194.28%20194.29c12.364%2012.358%2012.364%2032.39%200%2044.745-12.354%2012.353-32.392%2012.353-44.743%200l-171.91-171.913L54.017%201232.89c-12.36%2012.353-32.396%2012.353-44.748%200-12.36-12.356-12.36-32.394%200-44.75L203.55%20993.847c6.18-6.176%2014.27-9.26%2022.37-9.26%208.094.002%2016.19%203.09%2022.37%209.266z%27%2F%3E%3Cpath%20fill%3D%27%23F08C34%27%20d%3D%27M203.554%202217.478l-194.28-194.29c-12.364-12.356-12.364-32.39%200-44.743%2012.354-12.354%2032.392-12.354%2044.743%200l171.907%20171.913%20171.907-171.913c12.36-12.355%2032.396-12.355%2044.747%200%2012.357%2012.354%2012.357%2032.39%200%2044.75l-194.285%20194.29c-6.18%206.175-14.27%209.26-22.37%209.26-8.093-.002-16.19-3.092-22.368-9.267zM248.292%202963.032l194.28%20194.29c12.364%2012.358%2012.364%2032.39%200%2044.745-12.354%2012.354-32.392%2012.354-44.743%200l-171.91-171.912-171.903%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.094.002%2016.19%203.09%2022.37%209.265z%27%2F%3E%3C%2Fsvg%3E%0A);
  background-size: 12px auto;
  background-position: 2px 5px;
  background-repeat: no-repeat;
  position: absolute;
  right: 0.5em;
  left: auto;
  top: 50%;
  margin-top: -8px;
  width: 15px;
  height: 15px;
}
#accordion .ui-accordion-header-active .ui-accordion-header-icon {
  background-image: none;
}
#accordion .ui-widget-content {
  background: none;
  position: relative;
  padding: 18px 6% !important;
  background-color: #fafafa;
  margin: 0 3px 3px;
}
#accordion .ui-widget-content a {
  color: #0450ac;
}
#accordion .ui-widget-content.ui-accordion-content-active {
  border-color: #A3B2C7;
}
#section_right_bar .clinic_popups_trigger {
  float: none;
  margin: 0 0 15px;
  text-align: left;
}
#section_right_bar .clinic_popups_trigger .map_static_img {
  margin: 0;
  width: 100%;
  max-width: 250px;
  height: auto;
  display: block;
}
#section_right_bar .clinic_popups_trigger .clinic_popup::after {
  content: "Maps, Directions & Parking";
  margin-top: 5px;
  display: block;
}
.clinic_parking {
  clear: both;
  /*  turn off the h2 tag for Parking - redundant */
}
.clinic_parking h2.labels {
  display: none;
}
.clinic_info {
  margin-bottom: 12px;
  padding-bottom: 4px;
}
.clinic_info p,
.clinic_info div {
  margin: 0 0 6px;
}
.clinic_map_driving_directions {
  display: none;
}
.ui-accordion .ui-accordion-content {
  padding: 1.2em 1.2em !important;
}
.tab_bar {
  border-bottom: 1px solid #aaa;
  padding-bottom: 0;
  width: 100%;
  clear: both;
}
.tab_bar span {
  background-color: #eed;
  border-left: 1px solid #aaa;
  border-radius: 5px 5px 0 0;
  border-right: 1px solid #aaa;
  border-top: 1px solid #aaa;
  margin-right: 4px;
}
.tab_bar span a {
  font-weight: bold;
  font-size: 16px;
}
.tab_inactive,
.tab_active {
  background-color: #ded !important;
}
#share_container {
  overflow: hidden;
  background: none repeat scroll 0 0 #ffffff;
  clear: both;
  float: left;
  padding: 6px 0 6px;
  position: relative;
  width: 100%;
}
#share_container ul {
  border: none;
  border-radius: 0;
  margin: 6px auto 0;
  padding: 0 0 0 6px;
  position: relative;
  list-style: none !important;
  width: 246px;
}
#share_container li {
  background-image: url("/images/Social_Media_Icons_Set_180x146_sprites.png");
  background-repeat: no-repeat;
  padding: 0;
  display: inline-block;
  width: 31px;
  height: 31px;
  margin-right: 3px;
}
#share_container li:hover {
  padding: 0;
  display: inline-block !important;
  height: 35px;
  margin: -4px 1px 0 -2px;
  width: 35px;
}
#share_container a {
  display: inline-block;
  width: 31px;
  height: 31px;
}
.twitter_sprite {
  background-position: -37px 1px;
}
.facebook_sprite {
  background-position: 0px 1px;
}
.google_plus_sprite {
  background-position: -37px -38px;
}
.linkedin_sprite {
  background-position: -150px 1px;
}
.sharethis_sprite {
  background-position: -150px -38px;
}
.email_sprite {
  background-position: -70px -38px;
}
.print_sprite {
  background-position: -108px -38px;
}
/* share icons rollovers enlarge icons */
.twitter_sprite:hover {
  background-position: -37px -112px;
}
.facebook_sprite:hover {
  background-position: 0px -112px;
}
.google_plus_sprite:hover {
  background-position: -112px -112px;
}
.linkedin_sprite:hover {
  background-position: -75px -112px;
}
.sharethis_sprite:hover {
  background-position: -145px -74px;
}
.email_sprite:hover {
  background-position: -70px -74px;
}
.print_sprite:hover {
  background-position: -108px -74px;
}
/* Research Funding */
#research_funding_container {
  margin: 6px auto 26px;
  padding: 14px 0 10px;
  position: relative;
  text-align: center;
  width: 100%;
}
.research_funding {
  display: inline-block;
  border-radius: 5px;
  font: 400 16px/1.4 "helvetica neue", helvetica, arial, sans-serif;
  padding: 7px 4px 8px;
  width: 85%;
  max-width: 300px;
  margin: 0 auto;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.5s ease;
  border: 1px solid #7a82ba;
  color: #fff;
  background: #15237c;
  background: linear-gradient(#265ba2, #15237c);
}
.research_funding:hover {
  text-decoration: none;
  background: #522e6d;
  background: linear-gradient(#774ca9, #522e6d);
  color: #ffe;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
}
.research_funding .make_a_gift {
  display: none;
}
.video_thumbnail {
  display: block;
  margin: 6px;
  clear: both;
}
.video_thumbnail img {
  width: 120px;
  padding: 0 6px 6px 0;
}
#scrollbar1 {
  border: 1px solid #aaa;
  width: 100%;
}
#bio_videos,
#bio_center_area {
  clear: both;
}
#video_1,
#video_2,
#video_3,
#video_4,
#video_5,
#video_6,
#video_7,
#video_8,
#video_9,
#video_10,
#video_11,
#video_12 {
  display: none;
}
.thumb_item {
  clear: both;
  margin-bottom: 8px;
  min-height: 60px;
}
.video_thumb_image {
  clear: both;
  float: left;
  padding-right: 10px;
}
.video_thumb_title {
  font-weight: bold;
}
.video_thumb_description {
  clear: right;
}
.video_thumb_description::before {
  content: "  ";
  display: block;
}
.bio_year_graduation {
  font-size: 13px;
}
.showmore_bottom {
  display: none;
}
.more_div {
  cursor: pointer;
  margin: 5px 0 0 35px;
}
.showmore_items {
  margin: 0;
}
.publication_legend {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 15px;
  color: #666;
}
.main_authors_in_pubs {
  color: #333;
  font-weight: 700;
}
.resident_authors_in_pubs,
.mentor_authors_in_pubs {
  color: #407C41;
  font-weight: 700;
}
.bio_ctsi_publicationsMR {
  border-bottom: none !important;
}
.total_records_returned {
  font-weight: 400;
  margin: 0 0 8px;
}
.dont_display_legend {
  display: none;
}
.li_no_show {
  display: none;
}
.li_show {
  display: list-item;
}
.li_show_end {
  display: none;
}
/* Bio News List */
.bioNewsListDivBody {
  float: left;
  margin-bottom: 6px;
}
.bioNewsListDivBody img {
  float: right;
  padding: 0 0 6px 6px;
}
.bioNewsList {
  padding: 4px 10px 4px 10px;
  list-style: none;
  overflow: hidden;
  clear: both;
  float: left;
}
.bioNewsListDiv h3 {
  font-size: 2.3rem;
  font-weight: 400;
}
.bioNewsListDivLinks .bulletArrow,
.bioNewsListDivBody .bulletArrow {
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 2px 0 2px 12px;
  list-style-position: outside;
  list-style-type: none;
  list-style-image: none;
}
.body_image {
  float: right;
}
.body_image img {
  float: right!important;
  margin-left: 10px;
  max-height: 170px;
  max-width: 50%;
  min-width: 120px;
  overflow: hidden;
  position: relative;
  width: auto;
  padding-right: 0;
  margin-right: 0;
}
.appointments {
  margin: 12px 0 0px;
}
.appointments > a {
  background-image: linear-gradient(to bottom, #3d94f6 5%, #3388e9 100%);
  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-image: linear-gradient(to bottom, #213b77 0%, #091f60 100%);
  /* W3C */
  text-shadow: 0px 1px 0px #1e4a92;
  border: 1px solid #1b5090;
}
.appointments > a:active {
  position: relative;
  top: 1px;
}
.ui-state-active {
  /*background: url("ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 60% #f6f6f6 !important;*/
  border: 1px solid #ccc;
  color: #1c94c4;
  font-weight: 700;
}
.request_appt_content {
  padding: 10px;
}
#map-canvas-static0,
#map-canvas-static1,
#map-canvas-static2,
#map-canvas-static3,
#map-canvas-static4,
#map-canvas-static5,
#map-canvas-static6,
#map-canvas-static7,
#map-canvas-static8,
#map-canvas-static9,
#map-canvas-static10,
#map-canvas-static11,
#map-canvas-static12,
#map-canvas-static13,
#map-canvas-static14,
#map-canvas-static15,
#map-canvas-static16,
#map-canvas-static17,
#map-canvas-static18,
#map-canvas-static19,
#map-canvas-static20 {
  margin: 0;
  padding: 0;
  width: 100%;
}
.pop_map {
  float: right;
  height: 400px;
  text-align: right;
  width: 70%;
}
.pop_map > div {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.pod215 {
  margin: 0 0 10px;
  overflow: hidden;
  position: relative;
  width: 215px;
}
.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;
}
.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 {
  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;
}
#bioNavBar {
  border-bottom: 1px solid #bbb;
  height: auto;
  width: auto;
  overflow: hidden;
  clear: both;
  margin: 2px 0;
  padding: 0 0 10px;
}
#bioNavBar div {
  display: inline;
  float: none;
  padding: 0;
}
#bioNavBar div:after {
  content: "|";
  color: #aaa;
}
#bioNavBar div:last-child:after {
  content: "";
}
#bioNavBar a {
  font-weight: 400;
  display: inline-block;
  padding: 3px 3px;
}
#bioNavBar a:hover {
  background: #fefefe;
  color: #292a3c;
  text-decoration: none;
}
#bioNavBar .bionavtitle::after,
#bioNavBar .bionavbacktotop::after {
  content: "";
}
#bioNavBar .bionavbacktotop {
  display: none;
}
#bioNavBar .bionavtitle {
  display: none;
}
#bioNavBar .bionavtitle a {
  font-weight: 400;
  padding: 0 4px !important;
  color: #555;
  font-size: 23px;
  font-size: 2.3rem;
}
#bioNavBar a:hover {
  background: #e9e9e9;
}
.clinics_intro_title {
  background-color: #6453a5;
  border: 2px solid #fafafa;
  border-radius: 7px 7px 0 0;
  box-shadow: 0 0 0 1px rgba(122, 130, 186, 0.4) inset, 0 1px 3px #333333;
  color: #fff;
  margin-bottom: 0;
  margin-left: 1px;
  padding: 4px;
  text-align: center;
  display: none;
}
.faculty_sections_head_content:empty {
  display: none;
}
@media only screen and (min-width: 600px) {
  #section_right_bar .clinic_popups_trigger {
    float: right;
  }
}
/* Responsive larger screens */
@media only screen and (min-width: 960px) {
  .bios_section_display {
    width: 250px;
  }
  /* added for publications list */
  .pubListItem .img_div,
  .pubListItem .img_div img {
    float: left;
    margin-bottom: 6px;
    margin-right: 12px;
  }
  .pubListItem .pub_item_with_img {
    float: left;
    padding-bottom: 8px;
    width: 530px;
  }
  .pubListItem .pub_item_with_no_img {
    float: left;
    padding-bottom: 8px;
    width: 640px;
  }
  .bio-contact-info {
    float: left;
    width: 200px;
  }
  .mini_bio_include_right_section {
    float: left;
    width: 540px;
  }
  .mini_bio_include_left_section {
    float: left;
    width: 122px;
  }
  #bio-include-child {
    max-width: 743px;
  }
  .bios-name-title {
    float: left;
    width: 440px;
  }
  .bios-name-title-wider {
    float: left;
    width: 530px;
  }
  .bios_titles {
    width: 630px;
  }
  #section_right_bar .clinic_popups_trigger {
    float: none;
  }
  #miniBioListTablesss {
    width: 676px;
  }
  #bioNavBar.float-nav {
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 0;
    width: 100%;
    z-index: 1000;
    border-bottom: 1px solid #bbb;
    background: rgba(255, 255, 255, 0.95);
  }
  #bioNavBar.float-nav .bionavtitle {
    display: block;
    padding: 18px 0 10px;
  }
  #bioNavBar.float-nav .bionavbacktotop a {
    float: right;
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 62px;
    bottom: 0px;
    right: 0px;
    height: 100%;
    width: 100px;
    text-align: center;
    transition: background-color 0.5s ease;
    padding-top: 10px;
    background-repeat: no-repeat;
    background-position: center 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAyCAYAAADx/eOPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NTNEMjRGOUM3NzUxMUU0OEFBN0UwNDdBQjk3MTFGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NTNEMjRGQUM3NzUxMUU0OEFBN0UwNDdBQjk3MTFGRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc1M0QyNEY3Qzc3NTExRTQ4QUE3RTA0N0FCOTcxMUZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc1M0QyNEY4Qzc3NTExRTQ4QUE3RTA0N0FCOTcxMUZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AIrIsQAAAZhJREFUeNrsmLFqwlAUhhMVBQUVREGwmwiCIAgOgiAUQXBxEJz7IIUOnVwEJxfBdmiHDoUOpdDSvkxfo3D73/JPwbRWc5N74fzwIUnuPed8ICbGV0p5hnMGbsAF+DTZKGVYpAE+wDk/G67K1ME7aPK4yeO6azI1Dt4KnG/xfM0VmSoHbodcb/N61XaZCngDnT/WdbiuYqtMGbyC7oHru1xftk2mxMF6/9zX476SLTJF8AL6R+7vc38xaZkCeAaDE+sMWKeQlEyeAwwj+qoOWS8ft4xu+ARGEf8ajlg3H5dMDjyCsaEb7pj1c6Zlsmw0MfxMN2GfrCkZXfgBTL14MmW/bNQyGXAPZl68mbFvJiqZNLgDcy+ZzNk/faqMLnALFl6yWXCO34X0P80QUmCn7MqOc+2dOUzEB1tlZ7ac7yAZvXCj7M5mn9A+kbVyI+ugUFBmpdzKKkxmqdzMMihzrdyOnv/nznoFLj23o+f/8o94o6liGtC37Y1mrBEZkREZkREZkREZkREZkREZkREZkREZkRGZJPMtwABSGn37pGbIBwAAAABJRU5ErkJggg==);
  }
  #bioNavBar.float-nav .bionavbacktotop a:hover {
    background-color: #0450ac;
  }
  #bioNavBar .request_an_appointment,
  #bioNavBar .make_a_gift {
    display: none;
  }
  .bioPersonDetails {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .bioPersonDetails > div {
    flex: 1 1 100%;
    align-self: auto;
    padding-right: 5px;
  }
  .bioPersonDetails > div:last-child {
    padding: 0;
  }
  .bioPersonDetails.one_col_only_container {
    display: block;
  }
}
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  .bio_social_icons {
    width: 267px;
  }
  .bio_social_icons li {
    margin-right: 6px;
  }
  .bio_social_icons li:hover {
    margin: -4px 4px 0 -2px;
  }
}
/* Contour Form */
/* Contour forms */
#sg_breadcrumbDivContour {
  float: left;
  padding-left: 16px;
  width: 456px;
  height: 33px;
  text-indent: -16px;
}
#sg-int-content-contour {
  position: relative;
  padding: 10px 20px;
  width: 940px;
}
#sg-int-content-contour .bioMediaLinks li {
  padding: 4px 14px 4px 25px;
  background: none;
}
#sg-int-content-contour .bioMediaLinks li h3 {
  padding: 0;
  color: #003366;
}
#sg-int-content-contour .bioMediaLinks li:nth-of-type(odd) {
  background: #f2f5fd 8px 18px;
}
#sg-int-content-contour .bioMediaLinks .bulletArrow {
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 2px 0 2px 12px;
}
#sg-int-content-contour .bioWebsiteLinks li {
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 2px 0 2px 14px;
  background: transparent url(/img/h2-arrow.gif) no-repeat scroll 0 0.5em;
  list-style: none;
}
#sg-int-content-contour .sg_trialHeading {
  padding-bottom: 15px;
  margin-bottom: 10px;
  width: 560px;
}
#sg-int-content-contour .sg_trialHeading_2 {
  padding-bottom: 15px;
}
.contourField {
  position: relative;
  margin-bottom: 10px;
}
#contour-form #contour input.text,
#contour-form .contour input.text,
#contour-form #contour input.title,
#contour-form .contour input.title,
#contour-form #contour textarea,
#contour-form .contour textarea,
#contour-form #contour select,
#contour-form .contour select {
  margin: 0.2em 0 0.5em 0 !important;
}
#contour-form #contour input[type="checkbox"],
#contour-form .contour input[type="checkbox"] {
  position: relative;
  top: 2px;
  margin: 0 4px 0 0;
}
#contour-form #contour small,
#contour-form .contour small {
  margin-top: -5px;
  padding: 0 !important;
  color: #999999;
}
#contour-form #contour span.contourError,
#contour-form .contour span.contourError {
  position: absolute;
  top: 0;
  left: 0px;
  background: #fff !important;
}
#contour-form #contour .socialhistory input.text,
#contour-form .contour .socialhistory input.text {
  width: 600px !important;
}
#contour-form #contour h4.contourPageName,
#contour-form .contour h4.contourPageName {
  line-height: 2em;
}
#contour-title {
  margin: 15px 0;
  color: #2d494f;
}
fieldset[class*="info"] div,
.medications div,
.nametitleemployeeid div,
.othermedicationorfoodallergies div,
.yourchildsdoctors div,
.personsubmittingform div {
  float: left;
  clear: left;
}
fieldset[class*="info"] .alternating,
.medications .alternating,
.nametitleemployeeid .alternating,
.othermedicationorfoodallergies .alternating,
.yourchildsdoctors .alternating,
.personsubmittingform .alternating {
  clear: none;
}
#contour-form .includebothacademicaddressphoneemailampclinicinfo textarea,
#contour-form .clinicalexpertisenotlistedabove textarea,
#contour-form .researchinterests textarea,
#contour-form div[class*='workform'] textarea {
  width: 500px !important;
}
#contour-form #contour div.checkbox,
#contour-form .contour div.checkbox,
#contour-form #contour .familymedicalhistory div.checkboxlist,
#contour-form .contour .familymedicalhistory div.checkboxlist {
  margin-top: -10px;
  padding: 7px;
}
#contour-form #contour .checkbox label.fieldLabel,
#contour-form .contour .checkbox label.fieldLabel,
#contour-form #contour .familymedicalhistory .checkboxlist label.fieldLabel,
#contour-form .contour .familymedicalhistory .checkboxlist label.fieldLabel {
  float: left;
}
#contour-form #contour .checkbox.alternating,
#contour-form .contour .checkbox.alternating,
#contour-form #contour .familymedicalhistory .checkboxlist.alternating,
#contour-form .contour .familymedicalhistory .checkboxlist.alternating {
  background: #f1efe4;
}
#contour-form #contour legend,
#contour-form .contour legend {
  padding: 3px 10px 4px;
  border: 1px solid #cccccc;
  background: #eeead6;
}
#contour-form #contour fieldset,
#contour-form .contour fieldset {
  border: 1px solid #dddddd !important;
}
#contour-form #contour label.fieldLabel,
#contour-form .contour label.fieldLabel {
  float: none;
  width: 350px;
  color: #444444;
}
#contour-form #contour .checkboxlist,
#contour-form .contour .checkboxlist {
  padding: 5px 0 10px;
}
#contour-form .newfacultybiographyworksheet textarea {
  width: 800px !important;
}
#contour-form div[class*='workform'] .textarea {
  clear: both;
}
#contour-into,
#contour-intro {
  width: 760px;
}
#contour-into p,
#contour-intro p {
  margin: 0 0 12px;
}
#contour span.checkbox,
#contour-form #contour .familymedicalhistory span.checkboxlist {
  padding: 0 !important;
}
.pediatricsurgeryfollowupintakeform span.checkboxlist br,
.pediatricsurgeryintakeformfirstvisit span.checkboxlist br,
.formulariodeadmisióndeseguimientocirugíapediátrica span.checkboxlist br,
.formulariodeadmisióndecirugíapediátricaprimeravisita span.checkboxlist br {
  display: none;
}
.checkboxlist label {
  margin-right: 10px;
}
.mandatory label:after {
  color: #8a1f11;
  content: " *";
}
#MakeAnAppointmentSealDiv {
  text-align: center;
}
#MakeAnAppointmentSealDiv #comodoTL {
  font-size: 14px;
  padding: 0;
}
/* Search */
/* Search page */
/* Search page */
#searchPage {
  margin-top: 3px;
  margin-left: 3px;
  width: 100%;
}
#searchPage input {
  margin: 0 auto;
  border: 1px solid #cccccc;
  background-color: #eeeeee;
}
.search_button,
.find-a-surgeon-submit,
.find_a_doctor_submit {
  padding: 2px 8px;
  border: 1px solid #f2fdff;
  border-right: 1px solid #445599;
  border-bottom: 1px solid #445599;
  border-radius: 5px;
  background: #dddddd;
  background-image: linear-gradient(0deg, #eeeef2 0%, #bbbbbf 100%);
}
.search_button:hover,
.find-a-surgeon-submit:hover,
.find_a_doctor_submit:hover {
  background-image: linear-gradient(0deg, #fefdf8 0%, #fcf3ba 100%);
  text-decoration: none;
}
#search {
  margin-top: 3px;
  margin-left: 3px;
  padding: 1px 2px;
  width: 150px;
  height: 16px;
  border: 1px inset #bbbbbb;
  background: white;
  color: #333333;
}
#search p {
  margin-top: 4px;
  margin-bottom: 2px;
}
#search_options {
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 2;
  padding: 8px;
  width: 190px;
  height: 14px;
  border: 1px solid #bbbbbb;
  border-top: none;
  background-color: #f2f2f2;
  color: black;
}
#search_options span {
  margin-right: 5px;
}
#search_options input {
  width: 14px;
  border: 0;
  vertical-align: middle;
}
.searchResultTopHeading {
  margin: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
}
#searchResultHeader {
  padding-top: 8px;
  padding-bottom: 2px;
}
#searchResultHeader a {
  font-weight: 700;
}
#searchResultBody {
  margin: 0;
  padding-top: 2px;
  padding-bottom: 8px;
  border-bottom: 1px solid #dddddd;
}
.umbSearchHighlight {
  color: #663366;
  font-weight: 700;
}
.searchArrows {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 560px;
  text-align: center;
}
#searchResultPreItem,
#FindADoctorHeadingText {
  color: #1a3256;
  font-weight: 700;
}
#searchResultPre {
  margin-bottom: 16px;
  padding-bottom: 13px;
  border-bottom: 1px solid #aaaaaa;
}
.search-found-in-specialty {
  display: none;
}
/* Find a Doctor */
/* Find a Doctor Specific CSS */
/* Find a doctor page */
.find-a-doctor-submit-div {
  margin-left: 175px;
  padding-bottom: 10px;
  width: 400px;
}
.find-a-doctor-appointments {
  position: absolute;
  right: 300px;
  float: right;
  padding-bottom: 4px;
  width: 180px;
  font-weight: 700;
}
#FindADoctor {
  position: relative;
}
#FindADoctor table {
  width: 100%;
}
#FindADoctor .empKeyword {
  color: #663366;
  font-weight: 600;
}
.find-a-doctor-result-table {
  margin-top: 0px;
  width: 100%;
}
.find-a-doctor-result-table td {
  margin-top: 0;
  padding-top: 0px;
}
.find-a-doctor-result-div {
  margin-top: 4px;
  padding-top: 4px;
}
.find-a-surgeron-result-right-side {
  float: left;
  width: 564px;
}
.find-doctor-bio-titles {
  float: left;
  clear: both;
  padding-bottom: 6px;
  width: 100%;
}
.clinical-expertise-result-item {
  float: left;
  clear: both;
  padding-bottom: 4px;
  width: 100%;
}
.find-a-doctor-url-to-bio {
  float: left;
  font-weight: 700;
}
.search-found-in-specialty {
  float: left;
  clear: both;
  padding-bottom: 4px;
  width: 100%;
}
.find-a-doctor-search-title {
  padding-left: 10px;
  color: #1a3256;
}
.find-a-surgeon-submit {
  display: inline-block;
  padding: 2px 10px;
  outline: none;
  border: solid 1px #264574;
  border-radius: 1em;
  background-color: #0095cd;
  background-image: linear-gradient(0deg, #96a7c4, #2b4874);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  color: #d9eef7;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  font: 14px/100% Arial, Helvetica, sans-serif;
  cursor: pointer;
}
.find-a-surgeon-submit:hover {
  background-color: #007ead;
  background-image: linear-gradient(0deg, #7daadf, #2b67af);
  text-decoration: none;
}
.find-a-surgeon-submit:active {
  position: relative;
  top: 1px;
  background-color: #2b67af;
  background-image: linear-gradient(0deg, #2b67af, #7daadf);
  color: #80bed6;
}
.FindADoctorList {
  float: left;
  clear: both;
  margin-bottom: 16px;
  padding-bottom: 10px;
  width: 680px;
  border-bottom: 1px solid #aaaaaa;
}
.FindADoctorList img {
  padding-right: 8px;
}
.FindADoctorList a {
  text-decoration: none;
}
#FindADoctorRepeatSearch {
  width: 560px;
  text-align: center;
}
.find_a_doctor_table_main {
  width: 100%;
}
.find-a-doctor-table {
  width: 100%;
  background-color: #f1f1f1;
}
.find_a_doctor_table_4_col_td {
  height: 6px;
  line-height: 4px;
}
.find_a_doctor_search_title {
  padding-top: 6px;
}
.find_a_doctor_search_title a {
  vertical-align: top;
  width: 20px;
}
.find_a_doctor_search_title .find_a_doctor_search_title img {
  vertical-align: middle;
  width: 20px;
}
.keywords_search_help {
  padding-top: 2px;
}
.find_a_doctor_table td {
  background-color: #eee;
  padding-bottom: 5px;
}
.find_doctor_keywords td {
  background-color: #eee;
}
#keywords-search {
  width: 260px;
}
#helpBox {
  display: none;
  overflow: hidden;
  margin: 10px 0;
  padding: 28px 0 0;
  width: 97%;
  height: 250px;
  border: 1px solid #ccc;
  background-color: #f2f5fd;
  position: relative;
}
#helpBox #topBar {
  padding: 2px 4px;
  top: 0;
  width: 100%;
  height: 28px;
  background: #ddd;
  font-weight: 700;
  position: absolute;
}
#helpBox #topBar img {
  margin-right: 4px;
}
#helpBox #topBar a {
  position: absolute;
  top: 4px;
  right: 4px;
  width: auto;
}
#helpBox #bottomBox {
  padding: 6px;
  overflow: auto;
  height: 220px;
}
.find_a_doctor .find_a_doctor_table_main h1 {
  margin-top: 0px;
}
.find_a_doctor_desc {
  padding-bottom: 6px;
}
#topBar img {
  margin-top: 2px;
}
.find_a_doctor_title {
  padding-left: 10px;
}
.find_a_doctor_input {
  padding-left: 10px;
}
.find_a_doctor_search_title {
  padding-left: 10px;
  color: #1a3256;
}
.find_a_doctor_submit_div {
  margin-left: 150px;
  padding: 10px 0;
}
.float-left {
  float: left;
}
.find_doctor_results_img_div {
  float: left;
  width: 104px;
}
.find_doctor_results_img_div img {
  width: 90px;
}
#FindADoctorRepeatSearch {
  clear: both;
  margin-top: 20px;
}
.find_a_doctor_input_example {
  padding-top: 2px;
}
.find_a_doctor_search_title {
  padding-top: 6px;
}
.find-a-doctor-table #keywords img {
  width: 20px;
  vertical-align: top;
}
/* Calendar */
/* Calendar Page */
#sg_int_content_calendar {
  margin: 30px 0 15px;
  width: auto;
}
#sg_int_content_calendar .bioMediaLinks li {
  padding: 4px 14px 4px 25px;
  background: none;
}
#sg_int_content_calendar .bioMediaLinks li h3 {
  padding: 0;
  color: #003366;
}
#sg_int_content_calendar .bioMediaLinks li:nth-of-type(odd) {
  background: #f2f5fd 8px 18px;
}
#sg_int_content_calendar .bioMediaLinks .bulletArrow {
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 2px 0 2px 12px;
}
#sg_int_content_calendar .bioWebsiteLinks li {
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 2px 0 2px 14px;
  background: transparent url(/img/h2-arrow.gif) no-repeat scroll 0 0.5em;
  list-style: none;
}
#sg_int_content_calendar .sg_trialHeading {
  padding-bottom: 15px;
  margin-bottom: 10px;
  width: 560px;
}
#sg_int_content_calendar .sg_trialHeading_2 {
  padding-bottom: 15px;
}
.after-calander {
  margin: 20px 0 0;
}
.before-calander {
  margin: 0 0 20px;
}
/* News */
/* CSS for news page and hte news display area */
/* News List stuff also currently in Labs.less as it uses the same as the research list. This needs to change. */
.news_featured_td {
  background-color: #F2F5FD;
}
.news_featured_td,
.news_non_featured_td {
  padding: 0 5px 0 4px;
}
.news_featured_div,
.news_non_featured_div {
  border-bottom: 1px solid #aaa;
  padding-top: 3px;
}
.news_content_img_main {
  clear: both;
  display: block;
}
.news_content_img_main_inner {
  clear: both;
  padding-bottom: 8px;
  padding-top: 8px;
  margin-top: 8px;
  float: left;
}
.news_body_content {
  float: left;
}
/* partial class as width of content varies depending on left and right images */
.new_h3 {
  margin-top: 0;
  padding-top: 0px;
}
.news_img_valign_bottom {
  vertical-align: bottom;
}
.news_paging {
  color: #4f81BD;
  clear: both;
  border-top: 1px solid #aaa;
  padding-top: 8px;
  margin-top: 10px;
}
.news_search {
  vertical-align: bottom;
}
.news_paging_page_size {
  font-weight: 700;
  color: #e79d25;
}
.news_additional_resources {
  margin-top: 6px;
  border-top: 1px solid #ddd;
}
.news_frontpage_dept_site {
  overflow: auto;
  height: 170px;
}
.news_frontpage_lab_li {
  padding-bottom: 9px;
}
.news_frontpage_lab {
  padding-right: 6px;
  overflow: auto;
}
/* partial - height set by document in backend */
.news_lab_frontpage_td {
  padding-top: 15px;
}
/* from news display */
.news_img1_container {
  float: left;
  margin-bottom: 6px;
  margin-right: 12px;
  display: block;
}
.news_img2_container {
  float: right;
  margin-bottom: 6px;
  margin-left: 8px;
  display: block;
}
.news_img1 {
  clear: both;
  float: left;
}
.news_img2 {
  clear: both;
  float: right;
  padding-top: 0px;
}
.news_select_by_date {
  width: 572px;
  margin-bottom: 12px;
}
.news_select_by_date_td1 {
  width: 20%;
}
.news_select_by_date select {
  font-weight: 700;
}
#sg_dd_style_news {
  background: #FFFFFF;
  border-top: 2px solid #666;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 2px solid #666;
  height: 19px;
  width: 151px;
}
#sg_divDropDownNews {
  position: absolute;
  width: 150px;
  height: 160px;
  z-index: 1;
  display: none;
  border-top: 1px solid #ccc;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #ccc;
  margin: 0px;
  padding: 0px;
  overflow: auto;
  background-color: #FFF;
}
#sg_dd_style_news #sg_divDropDownNews ul {
  list-style-position: outside;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
#sg_dd_style_news #sg_divDropDownNews li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 2px;
  background: #fff;
}
#sg_divDropDownNews ul li:hover,
#sg_divDropDownNews ul li a:hover {
  background: #ccc none scroll repeat;
}
#sg_divDropDownNews ul li a,
#sg_divDropDownNews ul li a:hover {
  text-decoration: none;
  color: black;
  width: 148px;
  display: block;
  padding: 0;
}
.inTheNewsBackToTop {
  width: 570px;
}
.inTheNewsBackToTop div {
  float: right;
  padding-bottom: 6px;
}
.topImage {
  float: left;
}
.news_img_one_div {
  float: left;
  margin-bottom: 6px;
  margin-right: 12px;
  display: block;
}
.news_img_one_div img {
  clear: both;
  float: left;
}
.news_img_two_div {
  float: right;
  margin-bottom: 6px;
  margin-left: 8px;
  display: block;
}
.news_img_two_div img {
  clear: both;
  float: right;
  padding-top: 0px;
}
.news_content_full_width {
  width: 640px;
  float: left;
}
.news_content_two_img {
  width: 445px;
  float: left;
}
.news_content_one_img {
  width: 550px;
  float: left;
}
.news_content_full_width h3,
.news_content_two_img h3,
.news_content_one_img h3 {
  margin-top: 0;
  padding-top: 0px;
}
.news_links {
  clear: both;
}
.news_item_body_inner {
  overflow: hidden;
  margin: 15px 10px;
}
.newsTable {
  border-top: 1px solid #ccc;
}
.newsTable tr:nth-child(2n) {
  background: #eee;
}
.news_select_input {
  margin-bottom: 15px;
}
.news_select_by_date_surgery {
  padding-right: 10px;
}
.news_img1_container img[id*="topImage"],
.news_img2_container img[id*="topImage"] {
  width: 90px;
  height: auto;
}
.inTheNewsBackToTop img {
  vertical-align: middle;
}
.new_item_single_main {
  clear: both;
  padding-bottom: 8px;
  padding-top: 8px;
  margin-top: 8px;
}
.new_item_single_img_container {
  float: left;
  margin-bottom: 6px;
  margin-right: 12px;
  display: block;
}
.new_item_single_width_no_img {
  width: 670px;
  float: left;
}
.new_item_single_width_one_img {
  width: 570px;
  float: left;
}
.new_item_single_width_two_img {
  width: 450px;
  float: left;
}
.news_categories {
  background-color: #fdfdf1;
  border: 1px solid #ccc;
  border-radius: 4px;
  float: left;
  padding: 10px;
}
.news_content_main {
  float: left;
}
.right_bar_items {
  padding: 8px 0;
}
.news_content_img_main_inner {
  margin-top: 6px;
  padding-bottom: 8px;
  padding-top: 0px;
}
.news_featured,
.news_non_featured {
  padding: 0 5px 0 0;
}
.newsItem {
  margin: 10px 0;
}
.imgLeftAlignBd {
  border: 1px solid #ccc;
  float: left;
  margin: 0 20px 8px 0;
  padding: 2px;
}
.imgLeftAlign {
  border: 0 none;
  float: left;
  margin: 0 20px 8px 0;
  padding: 0;
}
.newsItem {
  margin-bottom: 10px;
}
.news_content_main {
  clear: both;
  display: block;
  float: left;
  margin-top: 0;
  padding-bottom: 8px;
  padding-top: 0;
}
.imgLeftAlignBd {
  border: 1px solid #ccc;
  float: left;
  margin: 0 20px 8px 0;
  padding: 2px;
}
.imgLeftAlign {
  border: 0 none;
  float: left;
  margin: 0 20px 8px 0;
  padding: 0;
}
#news_pre_display {
  margin: 10px 0 0;
  padding: 0;
  text-align: right;
  width: 100%;
}
.newsItem:first-child {
  padding-top: 0;
  margin-top: 0;
}
.full_width_content .newsItem:first-child .news_content_main {
  padding-top: 0;
  margin-top: 0;
}
.news_display_items {
  max-width: 780px;
}
.wrap_right_img_div {
  border: 1px solid #ddd;
  border-radius: 4px;
  margin: 0 0 6px 10px;
  width: 120px;
}
.wrap_right_img_div img {
  float: right;
  width: 100%;
}
.new_h2 {
  margin-top: 0;
  padding-top: 0;
}
.ellipse {
  font-weight: bold;
}
.bracket {
  font-weight: normal;
}
.wrap_right_img_div img,
.wrap_right_img_div.embedded_image img {
  width: 100%;
  height: auto;
  margin: 0;
}
.wrap_right_img_div,
.wrap_right_img_div.embedded_image {
  float: right;
  max-height: 170px;
  max-width: 50%;
  width: auto;
  min-width: 120px;
  overflow: hidden;
  position: relative;
  margin-left: 10px;
}
.pager {
  clear: both;
  text-align: center;
  margin: auto;
  padding-top: 14px;
}
.pager .pager_item,
.pager .pager_item_all {
  margin: 0 6px 8px;
  width: 30px;
  height: 30px;
  display: inline-block;
  background: #999;
  padding: 4px;
  text-align: center;
  color: #fff;
  border-radius: 15px;
}
.pager .pager_item:hover {
  background: #48a8de;
  text-decoration: none !important;
}
.pager .pager_item.page_highlite,
.pager .pager_item_all.page_highlite {
  background-color: #48a8de;
}
.news_display_items #contentTitle,
.news_display_items #contentTitle h1 {
  margin-bottom: 0;
  padding-bottom: 0;
}
.news_pub_name {
  font-style: italic;
  padding-bottom: 3px;
}
.ucsf-news .news_img1_container {
  margin-bottom: 6px;
  margin-left: 10px;
  margin-right: 0;
  display: block;
}
.ucsf-news .news_img2_container {
  margin-bottom: 6px;
  margin-left: 10px;
  display: block;
}
.display_news_by_category .full_width_content .news_display_items {
  width: 100%;
  float: left;
}
.display_news_by_category .full_width_content .news_display_items .news_content_width_no_img {
  width: 90%;
}
.category_desc,
.category_desc p {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
.the_dash {
  font-weight: normal;
}
/* Grabed from news.css */
.news_share_icons {
  margin: 15px 0;
  display: inline-block;
}
.news_share_icons .social-icons {
  margin: 4px 0 0;
}
.news_share_icons h3 {
  float: none;
}
.newsPubName {
  font-style: italic;
  margin-right: 6px;
  padding: 0;
}
/* new styles for layout */
.news_rightbar_title {
  margin: 4px 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid #ddd;
  margin-top: 0.2em;
  margin: 6px 0 4px;
  overflow: hidden;
}
.news_rightbar_title h3,
.news_rightbar_title h2 {
  font-size: 1.2rem;
}
.icon_news_img_div,
.story_link_image {
  border: 1px solid #ddd;
  border-radius: 2px;
  overflow: hidden;
  max-height: 84px;
  max-width: 78px;
  float: right;
  width: 27%;
  margin-left: 5px;
}
.icon_news_img_div img,
.story_link_image img {
  width: 100%;
  height: auto;
  max-width: none;
  min-width: 100%;
}
.news_rightbar {
  margin: 30px 0 0 20px;
  max-width: 600px;
}
.news_rightbar .right_bar_title {
  padding: 4px 0;
  font-size: 23px;
  font-size: 2.3rem;
  border-bottom: 2px solid #bbb;
}
.news_rightbar .right_bar_title .single_item_news_title {
  display: block;
  padding: 0 30% 0 0;
}
.news_categories,
.story_categories {
  background: none;
  border: none;
  border-top: 1px solid #ddd;
  border-radius: 0px;
  padding: 10px 0;
  margin: 25px 0 0;
  float: none;
  clear: both;
}
.story_image,
.story_content {
  margin-bottom: 15px;
}
.news_categories_header {
  display: inline-block;
  font-weight: 700;
  text-align: right;
  width: 60px;
  color: #666;
}
.story_categories .categories_title {
  display: inline-block;
  font-weight: 700;
  text-align: right;
  color: #666;
}
.news_category_item,
.news_category_bio_item,
.story_categories a {
  background-color: #e2e8f2;
  color: #0c2482;
  display: inline-block;
  margin: 0 2px 8px 5px;
  padding: 2px 6px;
  font-size: 90%;
  border-radius: 4px;
}
.news_category_item:hover,
.news_category_bio_item:hover,
.story_categories a:hover {
  background-color: #0450ac;
  text-decoration: none;
  color: #fff;
}
.ucsf-news .news_img1_container {
  margin-bottom: 20px;
  margin-left: 15px;
  margin-right: 0;
  margin-top: 122px;
}
.ucsf-news .news_img2_container {
  margin-bottom: 20px;
}
.ucsf-news .news_img2_container,
.ucsf-news .news_img1_container {
  overflow: hidden;
  clear: right;
  float: right;
  border-radius: 4px;
  border: 1px solid #ddd;
  max-width: 25%;
}
.ucsf-news .news_body_content,
.news_content_img_main_inner {
  float: none;
}
.news_events h1,
#patient_stories_list h1 {
  border-bottom: 3px solid #bbb;
}
.category_title_description {
  font-size: 2.2rem;
  text-align: left;
  color: #0450ac;
}
.category_title_description .category_title .new_by_cat_pre_title {
  font-weight: normal;
}
.category_title_description .category_title {
  font-weight: normal;
}
.ie7 .ucsf-news .news_img2_container {
  width: 144px;
}
.news_content_main h1 {
  color: #666;
}
@media only screen and (min-width: 720px) {
  .news_share_icons h3 {
    float: left;
  }
  .ucsf-news .news_img1_container {
    margin-top: 95px;
  }
}
@media only screen and (min-width: 960px) {
  #sharethis_group {
    width: 346px;
    float: right;
  }
  .keyword_items,
  .keyword_items_bio {
    padding-left: 60px;
  }
  .keyword_items_bio {
    margin-top: 10px;
  }
  .keyword_items .news_categories_header,
  .keyword_items_bio .news_categories_header {
    margin-left: -60px;
  }
  .news_content_main h1 {
    padding-right: 0px;
  }
}
/* Subscribe Link */
#rss_email_subscribe {
  margin: 10px 0;
  color: #292a3c;
  background: #eee;
  border: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px 10px 4px;
}
#rss_email_subscribe span {
  display: inline-block;
  padding: 3px 0 10px;
}
#rss_email_subscribe a {
  background-color: #3d94f6;
  background-image: linear-gradient(to bottom, #3d94f6 5%, #3388e9 100%);
  border: 1px solid #2a7ee3;
  border-radius: 3px;
  padding: 5px 6px;
  display: inline-block;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0px 1px 0px #2e72e0;
  margin: 0;
  position: relative;
  top: -3px;
}
#rss_email_subscribe a:hover {
  text-decoration: none;
}
/* Labs */
/* Labs specific css */
.labPublicationsMainTable {
  width: 100%;
}
.labPublicationsMainTable .pubListItem {
  clear: both;
  float: left;
  border-top: 0 solid #aaa;
  margin-top: 4px;
  padding: 3px 6px;
}
.publications_heading tr td {
  padding: 0 10px 10px 0;
}
.publications_heading tr:last-child td {
  padding-bottom: 0;
}
.lab_frontpage_content_text {
  margin-bottom: 8px;
}
.fp_labs_pubs_list,
.news_frontpage_lab {
  padding-right: 6px;
  overflow: auto;
  height: 290px;
}
.fp_labs_pubs_viewall {
  padding-top: 15px;
}
.fp_labs_pubs_items {
  padding-bottom: 6px;
  padding-top: 2px;
  margin-top: 0px;
}
.fp_labs_pubs_authors {
  margin-bottom: 3px;
}
.fp_labs_pubs_title {
  margin-bottom: 3px;
  color: #1A3256;
  line-height: 130%;
  padding-bottom: 2px;
}
.fp_labs_pubs_abstract {
  margin-bottom: 3px;
}
.fp_labs_pubs_links {
  color: #999;
}
.fp_labs_pubs_item_container {
  float: left;
  padding-bottom: 8px;
}
/* Labs home page */
#sg_bottomBoxContainer .news_frontpage_lab ul,
#sg_bottomBoxContainer .fp_labs_pubs_list ul {
  padding-left: 0;
}
#sg_bottomBoxContainer .news_frontpage_lab ul li,
#sg_bottomBoxContainer .fp_labs_pubs_list ul li {
  padding-left: 0;
  background: none;
  line-height: 120%;
}
/* lab research area classes */
.cat_or_search_title {
  width: 40%;
  padding-right: 5px;
}
.view_by_cat_or_research {
  margin-top: 10px;
  margin-bottom: 10px;
}
.vbcra_dropdown {
  width: 60%;
}
.researchTableMain .contentBody {
  margin-top: 6px;
  padding-top: 6px;
  margin-bottom: 0;
  padding-bottom: 0;
}
.list_entry_td {
  margin-top: 0;
  padding-top: 0px;
}
.research_items {
  margin-top: 4px;
  padding-top: 4px;
}
.back_2_top,
.back_2_top_2 {
  clear: both;
  float: right;
  font-size: 9px;
}
.back_2_top_2 {
  font-size: 10px;
  padding-bottom: 2px;
}
.categoryLine span {
  color: #fff;
  float: left;
}
.research_items_list,
.research_items_list_follow_category {
  clear: both;
  margin-bottom: 1em;
  padding: 0 8px 8px;
}
.research_items_list h3,
.research_items_list_follow_category h3 {
  padding-bottom: 2px;
  margin-bottom: 0;
}
.research_items_list_follow_category {
  padding: 8px;
}
.hidden_description_extended {
  clear: both;
  padding-left: 2px;
  padding-right: 2px;
  margin-bottom: 6px;
  border: 1px solid #CCCCCC;
  display: none;
  width: 555px;
}
/* research */
.categoryLine h2 {
  color: #333;
  float: left;
  padding-bottom: 0px;
  margin-bottom: 0;
}
.categoryLine {
  border-bottom: 1px solid #F00;
  float: left;
  width: 100%;
  margin-bottom: 12px;
}
.item_no_research_category {
  border-bottom: 1px solid #0F0;
  float: left;
  width: 100%;
  margin-bottom: 6px;
}
.category_decription {
  background-color: #F9F9FA;
  padding: 0 8px;
  margin: 0;
}
.researchTableMain {
  margin-top: 0;
}
.newAnchorHighlight {
  background: #eef;
  outline: 2px solid #d4d4d4;
}
/* View all and Read More btn */
.view-all-btn::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 {
  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-top: 0;
  font-size: 85%;
  text-transform: uppercase;
  color: #1a3256;
  border-color: #ccc #999 #999 #999;
  background-color: #eef3ff;
}
.view-all-btn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #5596f5;
  border-color: #ccc #3a66a6 #3a66a6 #3a66a6;
}
.view-all-btn:hover::after {
  background-position: right 4px;
  background-position: right -48px;
}
.view-all-btn::after {
  background-position: right 4px;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 0 0 8px;
  content: "";
}
.view-all-btn.show-less::after {
  background-position: right -22px;
}
.view-all-btn.show-less:hover::after {
  background-position: right -74px;
}
.research_items .view-all-btn {
  margin-bottom: 1em;
}
.research_description_more,
.research_description_less {
  display: none;
  /* deleted by Colin as using different js*/
  color: #fff;
  background: #1a3256;
  padding: 3px 0;
  margin: 8px 0 0;
  width: 12em;
  text-align: center;
  border-radius: 3px;
  opacity: 0.8;
}
.research_description_more:hover,
.research_description_less:hover {
  text-decoration: none;
  background: #0450ac;
  opacity: 1;
}
/* research area */
.research_description {
  clear: both;
  padding: 8px;
  padding: 0 0 5px;
  margin: 0;
  border-bottom: 1px dotted #ccc;
  overflow: hidden;
  z-index: 1;
}
.research_description p:last-child {
  margin: 0 0 3px;
}
.research_description .fancybox {
  float: right;
  max-width: 40%;
  margin: 5px 15px 5px 15px;
}
.publications_heading {
  margin: 10px 0 14px;
}
/* Footer */
/* Footer */
#sg_footer {
  text-align: center;
  position: relative;
  clear: both;
  padding-top: 30px;
}
#sg_footer p {
  margin: 0;
  text-align: center;
}
#sg_footer a {
  color: #0450ac;
  text-decoration: none;
}
#sg_footer .footerCitation {
  clear: both;
  font-style: italic;
}
#sg_footer .univ-footer-terms-cond {
  text-align: center;
}
#mainFooter {
  clear: both;
}
#footer_inner {
  clear: both;
  margin-right: 10px;
  padding-bottom: 6px;
  text-align: center;
}
#footer_hyperarts {
  color: #6a9f32;
  text-decoration: none;
  font-weight: 700;
}
#footer_terms_and_cond {
  margin: 0 auto;
  text-align: center;
}
#footer_terms_and_cond a {
  color: #0450ac;
  text-decoration: none;
  font-weight: 700;
}
#sg_centerContentInt #content_footer,
#localContentFooter {
  clear: both;
  margin: 26px 20px 24px;
}
.sub-footer {
  width: 100%;
}
.terms {
  margin: 10px 0;
}
/* Buttons */
/* General Button style */
.button {
  display: block;
  background: #368;
  float: left;
  padding: 3px 6px;
  margin: 15px 8px 0px 0;
  border-radius: 5px;
  color: #fff;
  font-weight: 700;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.button:hover {
  text-decoration: none;
  background: #57d;
}
.button:first-child {
  margin-left: 0;
}
.button img {
  border: 2px solid #fff;
  margin-top: 3px;
  border-radius: 3px;
}
/* Watch Video Button style */
.watchvid,
a[title^="Watch Video"] {
  display: block;
  float: left;
  clear: left;
  margin: 3px 15px 5px 0;
  border: none;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  line-height: 12px;
}
.watchvid img,
a[title^="Watch Video"] img,
.watchvid .outerwrapper {
  display: block;
  padding: 1px;
  border: 1px solid #b4cdf5;
  border-right-color: #b4cdf5;
  border-bottom-color: #b4cdf5;
  border-radius: 2px;
  background-color: #b4cdf5;
  color: #fff;
}
.watchvid .innerwrapper {
  display: block;
  overflow: hidden;
  width: 120px;
  height: 80px;
}
.watchvid .innerwrapper img {
  margin: 0 0 -10px 0;
  padding: 0;
  border: 0;
}
.watchvid:hover img,
a[title^="Watch Video"]:hover img,
.watchvid:hover .outerwrapper {
  border: 1px solid #538fbf;
  border-right-color: #335876;
  border-bottom-color: #335876;
  background-color: #1fa0ff;
  color: #fff;
}
.watchvid:hover .innerwrapper img {
  border: 0;
}
.watchvid:hover:after,
a[title^="Watch Video"]:hover:after,
.watchvid:hover .vidbtnIE {
  border: 1px solid #bfcf67;
  border-right-color: #616f14;
  border-bottom-color: #616f14;
  background-color: #8c9d25;
  background-position: 5px -37px;
  color: #fff;
  text-decoration: none;
}
.watchvid:after,
a[title^="Watch Video"]:after {
  display: block;
  margin-top: 2px;
  padding: 2px 0 3px 4px;
  border: 1px solid #ffa35f;
  border-right-color: #8f4108;
  border-bottom-color: #8f4108;
  border-radius: 2px;
  background-color: #cf7c40;
  background-image: url(../global_images/video_icon.gif);
  background-position: 5px 3px;
  background-repeat: no-repeat;
  color: #fff;
  content: "Watch Video";
  text-align: center;
}
/* 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;
}
/* Logout button */
.search_button {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
}
#signOutButton a {
  font-weight: 700;
}
/* Clinical Trials */
/* Clinical Trials */
.sg_clinicalTrialsHR {
  clear: both;
  margin-bottom: 0;
  padding: 0;
  border-top: 1px solid #ddd;
  color: #ddd;
  line-height: 1px;
  size: 1px;
  margin-top: 12px;
}
.trial_section {
  clear: both;
  margin-top: 6px;
  margin-bottom: 6px;
}
#sg_clinical_trail_title {
  margin-bottom: 8px;
}
#sg_clinical_trail_title h2 {
  color: #333;
}
#sg_clinical_trail_intro {
  margin-bottom: 14px;
}
.clinicalTrialsList {
  margin-bottom: 10px;
  padding-bottom: 9px;
  padding-left: 16px;
  background: url(/img/h2-arrow.gif) no-repeat 0 0.25em;
}
.clinical_trial_pi_name {
  padding-top: 8px;
}
#CheckboxAndSelect {
  padding: 10px;
  border: 1px none #ccc;
  background-color: #f2f5fd;
}
.recruitingEmphasised {
  color: red;
  font-weight: 400;
}
.ctLine {
  height: 1px;
  border-bottom: 1px solid #ddd;
  color: #ddd;
}
.principalInvestigator a {
  font-weight: 500;
}
.clinicalTrialsRulerLine {
  clear: both;
  margin: 0 10px 0 8px;
  width: 610px;
  border-bottom: 1px dotted #ccc;
  font-size: 2px;
}
.clinicalTrialStatusRed,
.clinicalTrialStatusBlack {
  color: #a90101;
}
.clinicalTrialStatusGreen,
.clinicalTrialStatusOrange {
  color: green;
}
#clinicalTrials {
  margin: 10px 0 0;
}
.clinicalTrialsHR {
  clear: both;
  width: 674px;
  height: 3px;
  border-top: 1px solid #bbb;
  line-height: 3px;
}
.CTStudyDesign {
  padding: 15px 0 10px;
}
.ctContentFooter {
  margin-top: 28px;
  margin-bottom: 10px;
}
#sg_basicTrialInfo {
  width: 100%;
}
#sg_basicTrialInfo td {
  text-align: left;
  padding: 2px 4px;
}
#sg_basicTrialInfo th {
  background-color: #456C8C;
}
#sg_basicTrialInfo th:first-child {
  width: 10%;
}
#clinical_trials_PI,
#clinicalTrialsCoordBox {
  overflow: hidden;
}
#clinical_trial_PI_info {
  font-weight: 400;
}
#clinical_trials_PI_img_link,
.coord-bio-image {
  float: left;
  margin-right: 14px;
  width: 104px;
}
#clinical_trials_PI_img_link img,
.coord-bio-image img {
  width: 104px;
  height: auto;
}
#clinical_trial_img {
  width: 100px;
}
#hiddenSelectClinical {
  background-color: #f1f1f1;
  line-height: 1.1em;
}
.clinical_trial_section_sub {
  clear: both;
}
.ctHeading {
  margin-bottom: 2px;
}
.sg_trialHeading {
  padding: 0;
  background: url(../img/sg_bio_border.gif) bottom center repeat-x;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.sg_trialHeading_2 {
  padding-bottom: 15px;
}
.inline_header {
  display: inline;
}
.clinical_trial_phase {
  width: 66px;
}
.clinical_trial_type,
.clinical_trial_age {
  width: 84px;
}
.clinical_trial_protocol_ids {
  width: 125px;
}
.clinical_trial_status {
  width: 132px;
}
.trial_section li br {
  display: none;
}
.trial_section .ctHeading {
  display: inline;
  margin-right: 0.3em;
  font-size: inherit;
}
.clinicalTrialsBioTitles p {
  margin: 0;
}
@media only screen and (max-width: 720px) {
  #sg_basicTrialInfo thead,
  #sg_basicTrialInfo tbody,
  #sg_basicTrialInfo tr,
  #sg_basicTrialInfo td,
  #sg_basicTrialInfo th {
    display: block;
  }
  #sg_basicTrialInfo thead {
    float: left;
    width: 30%;
  }
  #sg_basicTrialInfo tbody {
    float: left;
    width: 70%;
  }
  #sg_basicTrialInfo td,
  #sg_basicTrialInfo th {
    width: 100% !important;
    height: 2em;
    border-bottom: 1px solid #fff;
    padding: 2px 4px;
  }
  #sg_basicTrialInfo td:nth-child(5),
  #sg_basicTrialInfo th:nth-child(5) {
    height: 6em;
  }
	
  .sidr .sidr-inner ul li img {
      padding-left:5px;
      vertical-align:bottom;
  }	
}
			
@media only screen and (max-width: 960px) {
  .sidr .sidr-inner ul li img {
      padding-left:5px;
      vertical-align:bottom;
  }
  .sidr .sidr-inner .sidr-class-left-bar-static-menu-title {
		padding-left:6px;
  }
										
   #sg_leftStaticMenu ul li img {
	  vertical-align: bottom;
	  background-color:red;
   }
   #sg_leftStaticMenu ul li a.item-with-icon {
	  display:inline;
   }										
}
			
			
#sg_clinical_trials_list h4 {
  margin: 0;
}
#sg_clinical_trials_list .label {
  font-weight: 700;
}
.principalInvestigatorGroup #clinicalTrialsCoordBox .contact_container:nth-of-type(n+2) {
  margin-top: 1rem;
}
.principalInvestigatorGroup #clinicalTrialsCoordBox .contact_label {
  margin-bottom: 0;
  border-top: 1px solid #ddd;
  padding-top: 12px;
  margin-top: 12px;
}
/* Clinical Trial stuff from new styles */
#sg_centerContentInt.full_width_content #clinical_trial {
  max-width: 1024px;
}
/* Clinical Trial list */
#sg_clinical_trials_list .clinicalTrialsItem {
  display: flex;
  border-top: 1px solid #ddd;
  padding-top: 10px;
  margin: 10px 0 5px;
  justify-content: space-between;
}
#sg_clinical_trials_list .clinical_trial_section_sub + .clinicalTrialsItem {
  border: 0;
  padding-top: 0;
}
#sg_clinical_trials_list .trial_name,
#sg_clinical_trials_list .principalInvestigatorBox,
#sg_clinical_trials_list .trial_coordinator {
  width: auto;
  padding-bottom: 10px;
}
#sg_clinical_trials_list .trial_name {
  flex: 0 2 40%;
}
#sg_clinical_trials_list .principalInvestigatorBox {
  flex: 0 1 22%;
}
#sg_clinical_trials_list .trial_coordinator {
  flex: 0 1 34%;
}
#sg_clinical_trials_list .trial_coordinator .contact_container:nth-child(n+3) {
  margin-top: 1rem;
}
.section_title {
  padding: 6px 10px;
}
.section_title h3 {
  background: none;
  color: #1a3256;
  font-weight: 400;
  padding: 0;
  margin: 0;
}
.section_title h2 {
  padding: 0;
  margin: 0;
}
#recruitingTrialsCB {
  padding: 0;
  color: #a90101;
}
#recruitingTrialsCB input {
  font-size: 20px;
}
/* Fancybox */
/*! 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;
  outline: 0;
  border: 0;
  background: #fff;
}
.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;
  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 (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: #fff 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;
}
/* Misc Stuff from various pages/templates. Would be good to sort this */
/* Misc */
.clear_float_left {
  clear: left;
}
.top_padding {
  padding-top: 10px;
}
table.callout {
  margin: 10px 0;
}
.modified-date {
  float: left;
}
#grayer {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
  display: none;
  visibility: hidden;
  width: 100%;
  height: 100%;
  background-color: #eee;
  opacity: 0.75;
}
.centerContentH3 {
  margin: 6px 20px 6px;
  color: red;
  text-align: center;
}
#print_document_header {
  margin: 8px;
}
#print_document_header fieldset {
  padding: 6px;
  color: blue;
  text-align: center;
}
#print_header h2 {
  padding: 8px 8px 16px;
  text-align: center;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
}
.modHome {
  margin-bottom: 8px;
}
#titleTextP p {
  margin: 0 0 2px;
}
.emailBoxEmailTo,
.emailBoxEmailFrom {
  float: left;
  clear: both;
  width: 90%;
}
#emailWindow {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #666;
  box-shadow: 2px 2px 5px #666;
  padding: 2px 10px;
}
#emailWindowIFrame {
  color: #333333;
}
.emailThankYou {
  font-weight: 700;
  margin: 30px;
  color: #47656b;
}
/* Stuff from global that should go in new.css */
.newAnchorHighlight {
  background-color: #f2f5fd;
}
.spacerBar {
  vertical-align: middle;
  height: 20px;
  padding-top: 0;
}
#linkDisabled,
#linkDisabled:hover {
  color: #ccc;
}
.callout td p,
p.callout,
div.callout {
  font-weight: 700;
  background: #fefdee;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 8px 12px 10px;
}
#categoryLine {
  margin-bottom: 18px;
  margin-top: 10px;
  height: 16px;
  background-color: #6c9bd3;
  clear: both;
  width: 100%;
  padding: 1px 0 6px 6px;
}
.descriptionStyle {
  color: #669966;
}
#sg_int_content input,
#sg_int_content select {
  border: 1px solid #ccc;
}
hr,
#sg_labbox p,
#sg_altbox p,
#sg_altboxBY p,
div.sg_trials_image ul,
.captchaError,
.columnize,
#contentBody {
  clear: both;
}
.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;
}
.researchTableMain {
  margin-top: 10px;
}
/* Typography from typography not needed in global.css */
/* Sepecific typography for sections required for global.css */
td.legal {
  font-style: italic;
  padding: 5px 7px;
}
#queryResultName {
  color: #045aac;
}
.starSpan {
  display: inline;
  color: red;
}
#middle_left_section_title h2,
#middle_center_section_title h2,
#middle_right_section_title h2,
#loginWindow #topStrip a,
.emailTDLeft {
  font-weight: 700;
}
/* From inline styles */
.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;
}
.static_menu_image {
  /* this can be used to override the variable top padding set by XSLT which depends on the image height and menu height and is used to center the button top to bottom */
}
/* email form popup */
#theForm {
  width: 428px;
  margin: 6px;
  height: 376px;
  padding: 0px 0 10px;
}
#successDiv {
  clear: both;
  text-align: center;
}
#topStrip {
  clear: both;
}
#topStrip div {
  float: right;
  font-size: 12px;
}
#fancy_print {
  background: #666;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #fff;
  padding: 4px 8px;
  margin: 5px 0 0;
  cursor: pointer;
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 500;
}
#fancy_print:hover {
  background: #35c;
}
#content_footer_container {
  background-color: #FFFFFF;
  padding: 14px;
}
#content_footer_container .content_footer_last_publish_date {
  font-style: italic;
}
.section_title {
  background: #eee;
}
.section_title h3 {
  background: #a2a5ad;
}
table td h3:first-child,
table td h4:first-child {
  margin-top: 0;
}
/* for Iframe video playlist */
#videosIframe {
  width: 100%;
  margin-top: 15px;
  height: 919px;
  overflow: hidden;
}
/* New styles */
#bio_videos {
  color: #333333;
  font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif;
  line-height: 1.4;
  font-size: 15px;
  font-size: 1.5rem;
  position: relative;
  clear: both;
  height: 800px;
  width: 100%;
  overflow: hidden;
  background: #ccc;
}
#bio_videos::after {
  content: "";
  display: table;
  clear: both;
}
#videos {
  position: absolute;
  left: 0px;
  top: 0;
  height: 500px;
  width: 100%;
}
#videos div {
  width: 100%;
}
#videos .video_item {
  display: block;
  position: absolute;
  left: -3000px;
}
#videos #video_0 {
  left: 0px;
}
#videos iframe {
  width: 100%;
  height: 470px;
}
#thumbnails {
  height: 298px;
  left: 2%;
  overflow: auto;
  position: absolute;
  top: 486px;
  width: 96%;
  border-radius: 3px;
  border: 1px solid #bbb;
}
.video_thumbnail {
  display: block;
  padding: 8px;
  clear: both;
  background: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  border-bottom: 1px solid #bbb;
  overflow: hidden;
  color: #333;
  font-size: 1.6rem;
  text-decoration: none;
}
.video_thumbnail img {
  width: 120px;
  margin-right: 16px;
  border: 1px solid #bbb;
}
.video_thumbnail:hover {
  background: #f0f9ff;
  background-image: linear-gradient(to bottom, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%);
}
#bio_center_area {
  clear: both;
}
.thumb_item {
  clear: both;
  min-height: 60px;
}
.video_thumb_image {
  clear: both;
  float: left;
  padding-right: 0px;
}
.video_thumb_title {
  font-weight: bold;
}
.video_thumb_description {
  clear: right;
}
.video_thumb_description::before {
  content: "  ";
  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;
}
/* Responsive */
/* Experimental Responsive Simplified CSS for Media Queries */
/* Stuff hidden on Mobile */
#sg_breadcrumbDiv,
#email_print_container,
#contentBodyRight,
#sg_header .slot-item,
#menu_popout_container,
#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;
  }
  .sg_hp_2col {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
  }
  .sg_hp_2col:last-child {
    border: 0;
    margin: 0;
    padding: 0;
  }
  #sg_header #search_container {
    display: none;
  }
  #sg_header a,
  #sg_header span {
    border: 0;
  }
  #sg_header span.slot-item {
    float: right;
  }
  #search_container input[type="text"] {
    width: 160px;
  }
  #sg_breadcrumb_email {
    display: none;
  }
}
/* Small Tablets */
@media only screen and (min-width: 769px) {
  #bottom_social_area {
    display: none;
  }
  #sg_topImageContainer {
    height: 140px;
    overflow: hidden;
  }
  #menu_popout_container {
    margin-bottom: 2rem;
  }
  .sg_hp_2col {
    float: left;
    width: 50%;
    padding: 0 14px 10px 0;
  }
  #email_print_container,
  #contentBodyRight {
    display: block;
  }
  #contentBodyRight {
    display: block;
    float: right;
    width: 160px;
  }
  .findAProgramPopoutUL {
    width: 50%;
    padding-right: 2%;
    float: left;
  }
  #slide_text {
    font-size: 2.6rem;
    letter-spacing: 0.05em;
  }
  #slide_text .banner_text_top {
    font-size: 1.8rem;
  }
  #bioNavBar.float-nav .bionavbacktotop,
  #top_social_area {
    display: block;
  }
  .find_a_doctor_title {
    width: 140px;
    text-align: right;
  }
  /* General Internal Page:
		#sg_mainContent
		#sg_centerSection
		#section_left_bar | #sg_centerContentInt
	*/
  #sg_mainContent,
  #sg_mainContent_calendar {
    max-width: 1160px;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  #sg_centerSection {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  #section_left_bar,
  #section_right_bar {
    flex: 0 0 auto;
    width: 33.3333%;
    padding: 0 15px;
    display: block;
  }
  #section_left_bar > div {
    margin-right: 20px;
  }
  #inner_no_left_bar #section_left_bar {
    display: none;
  }
  #sg_centerContentInt,
  #sg_centerContent {
    flex: 1 0 auto;
    width: 66.6666%;
    padding: 0 15px;
  }

  #sg_centerContentInt.spotlight-class,
  #sg_centerContent.spotlight-class {
    flex: 1 0 auto;
    width: 100%;
    padding: 0 1rem;
	margin: 0 auto;
	max-width: 1580px !important
  }

  .no-flexbox #sg_centerSection {
    display: block;
  }
  .no-flexbox #section_left_bar,
  .no-flexbox #section_right_bar {
    width: 33.3333%;
    float: left;
    display: block;
  }
  .no-flexbox #sg_centerContentInt,
  .no-flexbox #sg_centerContent {
    width: 66.6666%;
    float: left;
  }
  body.NewsItemDisplay #section_right_bar.rightbar-textpage,
  body.PatientStoryItemDisplay #section_right_bar.rightbar-textpage {
    display: none;
  }
  body.facultylistfromsectionsrazor_class #sg_centerSection,
  body.sortinglistsofbiosbyorderintreerazor_class #sg_centerSection {
    display: block;
  }
  body.facultylistfromsectionsrazor_class #sg_centerContentInt.faculty_list_page,
  body.sortinglistsofbiosbyorderintreerazor_class #sg_centerContentInt.faculty_list_page {
    width: 100%;
    padding: 0;
  }
  body.facultylistfromsectionsrazor_class #sg_centerContentInt.faculty_list_page #sg_int_content .left_right_container,
  body.sortinglistsofbiosbyorderintreerazor_class #sg_centerContentInt.faculty_list_page #sg_int_content .left_right_container {
    display: flex;
    margin: 0 -15px;
  }
  body.facultylistfromsectionsrazor_class #sg_centerContentInt.faculty_list_page #sg_int_content .left_right_container .leftbar_items,
  body.sortinglistsofbiosbyorderintreerazor_class #sg_centerContentInt.faculty_list_page #sg_int_content .left_right_container .leftbar_items {
    flex: 0 0 33.3333%;
    padding: 0 15px;
  }
  body.facultylistfromsectionsrazor_class #sg_centerContentInt.faculty_list_page #sg_int_content .left_right_container .leftbar_items:empty,
  body.sortinglistsofbiosbyorderintreerazor_class #sg_centerContentInt.faculty_list_page #sg_int_content .left_right_container .leftbar_items:empty {
    display: none;
  }
  body.facultylistfromsectionsrazor_class #sg_centerContentInt.faculty_list_page #sg_int_content .left_right_container .faculty_sections,
  body.sortinglistsofbiosbyorderintreerazor_class #sg_centerContentInt.faculty_list_page #sg_int_content .left_right_container .faculty_sections {
    flex: 1 0 66.6666%;
    padding: 0 15px;
  }
  .no-flexbox body.facultylistfromsectionsrazor_class #sg_centerContentInt.faculty_list_page #sg_int_content .left_right_container,
  .no-flexbox body.body.sortinglistsofbiosbyorderintreerazor_class #sg_centerContentInt.faculty_list_page #sg_int_content .left_right_container {
    display: block;
  }
  .no-flexbox body.facultylistfromsectionsrazor_class #sg_centerContentInt.faculty_list_page #sg_int_content .left_right_container .leftbar_items,
  .no-flexbox body.body.sortinglistsofbiosbyorderintreerazor_class #sg_centerContentInt.faculty_list_page #sg_int_content .left_right_container .leftbar_items {
    width: 33.3333%;
    float: left;
  }
  .no-flexbox body.facultylistfromsectionsrazor_class #sg_centerContentInt.faculty_list_page #sg_int_content .left_right_container .faculty_sections,
  .no-flexbox body.body.sortinglistsofbiosbyorderintreerazor_class #sg_centerContentInt.faculty_list_page #sg_int_content .left_right_container .faculty_sections {
    width: 66.6666%;
    float: left;
  }
}
/* Tablets and Small Screens */
@media only screen and (min-width: 960px) {
  /* Stuff displayed on wider that was hidden */
  #sg_breadcrumbDiv,
  #menu-slot-2,
  #menu-slot-3,
  #menu-slot-4,
  #menu-slot-5,
  #menu-slot-6,
  #menu-slot-7,
  #menu_popout_container,
  #sg_header #search_container {
    display: block;
  }
  /* hide mobile menu on larger monitors */
  #mobile_menu_button,
  #mobile_menu {
    display: none;
  }
  #sg_header .slot-item {
    display: block;
    float: right;
  }
  #sg_header #menu-slot-1 {
    float: left;
  }
  #contentBodyLeft {
    float: left;
  }
  #displayBodyConditions dl,
  #displayBodyProcedures dl {
    float: left;
    padding-right: 6px;
    width: 20%;
  }
  #sg_mainContent,
  #banner,
  #sg_footer,
  #sg_int_heading_top,
  #sg_header,
  #sg_topImageContainer a,
  #sg_mainContent_calendar {
    clear: both;
    margin-right: auto;
    margin-left: auto;
  }
  #contentBodyLeft img.imgRightAlignBd,
  #contentBodyLeft img.imgLeftAlignBd,
  #contentBodyLeft img.imgLeftAlign,
  #contentBodyLeft img.imgRightAlign {
    max-width: 250px;
    height: auto;
  }
}
/* Large Desktops and laptops ----------- */
@media only screen and (min-width: 1170px) {
  #sg_mainContent,
  #banner,
  #sg_footer,
  #sg_int_heading_top,
  #sg_header,
  #sg_mainContent_calendar,
  #slide-and-search-container {
    max-width: 1160px;
    width: 100%;
  }
  /* revamping layout */
  #sg_contentHeading,
  #sg_bottomBoxContainer,
  #sg_userEditableContent {
    padding: 20px 0;
  }
  #sg_leftBarEditableRegion {
    font-size: 1.4rem;
  }
  .news_content_width_no_img,
  .news_content_width_one_img {
    width: auto !important;
  }
  /* need to get rid of this in site-styles */
  #sg_contentHeading {
    padding-top: 0;
  }
  #menu_popout_container {
    height: 37px;
  }
  #menu_popout h2,
  #menu_popout h2 a {
    height: 36px;
  }
  #menu_popout h2 {
    font-size: 1.2rem;
  }
  #menu_popout h2 a {
    padding: 11px 12px 0 12px;
  }
  #menu_popout .hasChildren a {
    padding: 11px 8px 0 12px;
  }
}


element {

}
:is(h1, h2, h3, h4, h5, h6, ul, p, img):first-child {

    margin-top: 0;

}
.sections_list {

    padding-top: 20px;

}
#sg_leftStaticMenu .left-bar-icon-image, #sg_leftStaticMenu .left-bar-icon-image-default {
	display:none;			
}

.fancybox.videolink.youtube-icon::before {

    content: url("/media/13664902/youtube_play_button_icon_35x25.png");
	display:inline-block;
	vertical-align:middle;
	margin-right:5px; 
}
.bulletArrow-rightside::after {
	content:"";		
	background:transparent url(/img/h2-arrow.gif) no-repeat scroll 0pt 0.5em;
	margin-top:2px !important;
	margin-bottom:2px !important;
	padding:3px 0pt 2px 10px; 
	margin-left: 6px;
}

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