﻿/*  UCSD.css    */
/*  This is the primary CSS library. All CSS defining the structure of the web site, and all site-wide global elements appear here. 
/*  Libraries and Plug-in style sheets   */
 

/*Additional CSS libraries tied to Plug-Ins, Libraries or foundation classes also link from this library    */

/* Fonts */
@import url('/Style%20Library/Fonts2014.css');
@import url(https://fonts.googleapis.com/css?family=Fjalla+One);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);

/*  Normalize style sheet   */
@import url('https://assets.ucsd.edu/css/normalize.css');
@import url('https://assets.ucsd.edu/css/common.css');
@import url('/Style%20Library/forms.css');
@import url('/Style%20Library/Tables.css');
@import url('/Style Library/timeline-vertical.css');

/*  SharePoint Styles   */
@import url('/Style%20Library/SharePointMenu.css');


/* For Asstorted UI Plugins */
@import url('/Style%20Library/magnific.css');
@import url('https://assets.ucsd.edu/css/accordion.css');
@import url('/Style%20Library/AccordionArrowOnly.css ');
@import url('https://assets.ucsd.edu/css/tabs.css');
@import url('https://assets.ucsd.edu/css/Pagination.css');
@import url('https://assets.ucsd.edu/css/jquery.fancybox.css');
@import url('https://assets.ucsd.edu/css/youtube-feed-container.css');


/******************* SHAREPOINT DISPLAY RELATED AND OVERRIDES  **********************/

#SPEditor, .SharePointMenu, .ms-siteaction, .ms-siteactionsmenu {
	z-index: 9999;
}
#spPublishingBar {
	clear: both;
	position: relative;
	z-index: 900;
}

.ms-rtestate-write {
  background-color: #FFF;
}

.ms-toolbarContainer IMG {
	width:16px !important;
}

.editDisplay {
	font-size: 12px;
}

.ms-rtestate-field p, p.ms-rteElement-P {
  padding: 7px 0 4px 0;
  margin: 0;
}
.ms-cui-tabBody {
	background-color:beige;
}
#suiteBarLeft {
  background-color: #353525;
}
.ms-core-suiteLinkList {
	display:none
}
.ms-cui-cg-or.ms-cui-cg {
  border-top-color: #353525;
}
.ms-cui-ct-topBar-or, .ms-cui-tabBody-or {
  border-color: #353525 !important;
}

.my-large-rte {
	min-height:300px;
}

#s4-bodyContainer {position: relative;}
#s4-workspace {
  overflow-x: hidden;
}

#pageStatusBar[class], .ms-status-msg {
  position: absolute;
  margin-bottom: 15px;
  padding: 7px 10px;
  margin-top: 15px;
  border-width: 1px;
  border-style: solid;
  color: #444;
  top: -240px;
  right:10px;
}

#contentBox {
   margin-right: 0px !important; 
   margin-left: 0px !important;
   min-width: 320px !important; 
}


/******************* BASE ELEMENT STYLES AND CONTEXT VARIANTS  **********************/

body {
	height: 100%;
	background-color: #FFF;
	color: #444;
	margin: 0;
	padding: 0; 
	font-family: Univers, sans-serif;
	width:100%
}
html {

	height: 100%;
	background-color: #FFF;
	color: #333;
	margin: 0;
	padding: 0;
	font-family: Univers, sans-serif;

}

A, A:active, A:link {
	border: none;
	outline: none;
	outline-width: 0px;
	outline: 0px;
	outline: 0;
}
a:visited {
  color: #63b1e5;
  text-decoration: none;
}

A, .ms-WPBody A:link, .ms-WPBody a:visited {
	color: #63b1e5 ;
	text-decoration: none;
}

A:hover,  .ms-WPBody A:hover {
	text-decoration: underline;
}

.contentColumn IMG {
	border: none;
	position:relative;
	outline-width: 0px;
	max-width:100%
}

.contentColumn TABLE IMG {
	max-width:none;
}

.contentColumn A:visited {
	color: #63b1e5;
}

.contentColumn B, .contentColumn STRONG {
	font-family: UniversLight, sans-serif;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
}

h1 {
	font-family: Univers, sans-serif;
	font-size: 25px;
	position: relative;
	color: #0067AC;
	font-weight: normal;
	width: 100%;
	margin: 0 0 10px 0;
	line-height: 105%;
}

h1.newsRelease  {
	margin: 5px 0 10px 0;
	line-height: 150%;
}

h2 {
	color: #333 !important;
	font-size: 21px;
	font-family: UniversBold, sans-serif;
	margin: 15px 0 10px 0;
	font-weight: normal;
	
}

.centerColumn h2 {

}

.centerNewsColumn H2, .left-col H2, .middle-col H2, .right-col H2 {
	padding-bottom:5px;
	border-bottom: solid 1px #AAA;
}

h2.newsRelease {
	margin: 0 0 20px 0;
	font-size: 16px;
	font-family: Univers, sans-serif;
	font-style:italic;
}
h2.locations {
	font-size: 15px;
	font-family: Univers, sans-serif;

}

.inner-wrapper h3 {
	color: #333;
	font-size: 17px;
	font-family: UniversBold;
	font-weight:normal;
	margin: 10px 0 0px 0;
	display: block;
}
h3.newsRelease {
	margin: 0 0 15px 0;
	font-weight: normal;
	font-style: italic;
}
h3.margin0 {
	margin-top: 0;
}
p {
	padding: 7px 0 4px 0;
	margin: 0;
}
hr {
	height: 1px;
	display: block;
	border: none;
	background: #ccc;
	color: #ccc; 
}
.mainPgContent ul, .display ul, .mainPgContent ul ol, .display ul ol, .mainPgContent ul ul, .display ul ul {
	padding: 6px 0 0 20px;
	margin: 0 0 8px 0;
	list-style: none;
}
.mainPgContent ul li {
	padding: 0 0 0 20px;
	margin: 0;
	background: url("/Style Library/Images/UCSD/health-master-sprite.png") -990px 7px no-repeat;
}
.mainPgContent ol li {
	padding: 0 0 0 20px;
	margin: 0;
}

.mainPgContent ul.padded li {
	padding: 4px 0 4px 20px;
	background-position: -990px 10px;
}
.mainPgContent ol, .display ol {
	padding: 0 0 0 20px;
	margin: 10px 0 8px 0;
}
.mainPgContent ol li, .display ol li {
	margin: 0 0 0 10px;
	padding: 0 0 8px 10px;
	line-height: 18px;
}


address {
	font-style:normal;
	font-size:14px;
}

.fourColumn address {
	display:block;

}


/******************* STRUCTURAL CLASSES - MASTER AND LAYOUT PAGES ********************/
#outerwrapper {
	width: 100%;
	position: relative;
}
#PageContent, .wrapper {
	width: 100%;
	margin: 0;
	z-index: 0;
	left: 0px;
	position: relative;
	clear: both;
	/*overflow: visible; */
}
.inner-wrapper {
	max-width: 1200px;
	width: 100%;
	min-width: 320px;
	margin: 0 auto 0 auto;
	text-align: left;
	z-index: 0;
	font-size: 15px;
	line-height: 150%;
	color: #2d2d2d;
	font-family: UniversLight, sans-serif;
	left: 0px;
	position: relative;
	height:auto;

}
.rightColumn .highlight-content {
	font-size: 13px;
}
.highlight-content {
	font-size: 15px;
}

#wrapper.jacobs {
	padding-top: 27px;
}
.wrapperPageBorder {
	width: 100%;
	padding: 0;
	background: #fff;
	z-index: 0;
	float: left;
}
.wrapper-margined {
	width: 98%;
	padding: 10px 1%;
	background: #fff;
	z-index: 0;
	float: left;
}
#columnLeft {
	float:left;
	width: 192px;
	padding:0;
	margin:0;
}
/* Blue Page Header Bar */
.hdWideBar {
	clear: both;
	position: relative;
	background-color: #0067ac;
	float: left;
	width: 100%;
	height: auto;

}
#breadcrumb {
	color: #FFF;
	line-height: 140%;
	font-size: 8px;
	font-family: Univers, sans-serif;
	padding: 15px 25px 15px 12px;
	float: left;
	width: auto;
	display: block;
}

#newstickerlabel {
	width:100px;padding-top:5px;padding-right: 20px;
}

#breadcrumb SPAN {display:block; float:left;   margin: 0 5px 5px 0;}
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb A {
	color: #FFF; 
	font-size: 12px;
	
}
.bartitle, H2.bartitle {
	padding: 0px 0 10px 1%;
	float: left;
	clear: both;
	width: 100%;
	font-family: TradeGothicCon, 'Franklin Gothic',  'Fjalla One', 'Oswald', sans-serif;
	font-size: 40px;
	font-weight:normal !important; 
	position: relative;
	color: #FFF !important;
	text-transform: none;
	text-decoration: none;
	cursor: default;
	display: block;
	-webkit-font-smoothing: antialiased;
	margin: 0 0 15px 0;
	line-height: 90%;
}
.bartitle A, .bartitle A:visited  {
	float: left;
	width: auto;
	clear: both;
	font-family: TradeGothicCon, 'Franklin Gothic',  'Fjalla One', 'Oswald', 'Oswald', sans-serif;
	font-size: 40px;
	font-weight:normal !important; 
	position: relative;
	color: #FFF;
	text-transform: none;
	text-decoration: none;
	display: block;

}
.bartitle A:hover {
	cursor: pointer;
	text-decoration: underline;
	color: #FFF;
}

.col66pctwideTop, .col66pctwide, .col66pctwideBottom {
	width: 66%;
	float : left;
}
.col33pctwide {
	width: 33%;
	float: right;
}
.contentColumn {
	overflow: hidden;
	min-height: 400px;
	margin: 0;
}
.leftContent{
	clear:both;
	float:left;
}
.columnFull {
	float: left;
	display: block;
	width: auto;
	background-color: #EEE;
}
.centerColumn {
	width: 64%;
	padding: 25px 4% 0 4%;
	height: auto !important;
	position: relative;
	z-index: 0;
	float: left;
}
.centerColumnFull {
	width: 94%;
	padding: 25px 2% 0 4%;
	height: auto !important;
	z-index: 0;
	float: right;

}

.center1Column {
	width: 97%;
	padding: 25px 2% 0 1%;
	height: auto !important;
	position: relative;
	z-index: 0;
	float: left;

}


.center2Column {
	width: 94%;
	padding: 25px 2% 0 4%;
	min-height: 400px;
	height: auto !important;
	position: relative;
	z-index: 0;
	float: left;
	display:block
}

.rightColumn {
	width: 28%;
	min-height: 350px;
	height: auto !important;
	margin-top: 25px;
	float: left;
	font-size:13px;
	line-height:130%;
}

.bottomLeftColumn {
	width: 62%;
	padding: 0 4% 20px 2%;
	height: auto !important;
	position: relative;
	z-index: 0;
	float: left;
}

.bottomRightColumn {
	width: 30%; 
	min-height: 350px;
	height: auto !important;
	margin-top: 0px;
	float: left;
	padding: 0 2% 0 0;
}

.imgBannerHead IMG, IMG.responsivefull {
	width:100%; height:auto; position:relative; margin: 0 0 10px 0;
}

.leftNavColumn {
	width: 192px;
	height: auto !important;
	margin: 25px 0 25px 0;
	background-color: #f2f2f2;
	float: left;
}
#leftContent {
  background-color: #FFF;
  position: relative;
  float: left;
}

.leftNav {
	width: 100%;
	list-style: none;
	margin: 0 0 35px 0;
}


.hideElement {

	display:none
}


/* Simple Landing Page Styles */
#simpleLandingHeading {
	position: absolute;
	z-index: 0;
	top: 25px;
	left: 40px;
}
#simpleLandingHeaderGraphic, #simpleLandingHeaderGraphic IMG {
	width: 100%;
	position: relative;
	z-index: 0;
}


/* one column layout with out left nav */
.oneColumnContent {
	padding: 0;
	width: 98%;
	z-index: 50;
	min-height: 400px;
	float: left;
	padding: 25px 4% 20px 2%;
}
.right-column-landing {
	width: 25%;
	float: right;
}
.right-column-box-landing {
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #0099bd;
}


/* Top Header Styles   */
#head_top {
	margin: 10px;
}
#head_topnav SPAN {
	float: right;
	display: inline-block;
	font-size: 14px;
}
#head_topnav SPAN A, #head_topnav SPAN A:visited, #head_topnav SPAN A:hover {
	color: #0067ac;
	padding: 0 5px;
}
#hdTopSearch {
	float: right;
	width: 30%;
	position: relative;
}

#searchDropMobile {
	padding:5px 2% 5px 2%; background-color:#7EC0EB;
}
/*  Google Search Box Overrides   */
.gsc-input input.gsc-input {
	background: none repeat scroll 0% 0% white !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #AAA;
	height: 25px;
}
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
color: #0067ac !important;
}
.gs-image {
	background-image: none !important;
	padding-left: 0px !important;
}
input.gsc-input {
	border-color: #D9D9D9;
}
input.gsc-input {
	border-color: #D9D9D9;
	font-size: 13px;
	padding: 1px 6px;
}
input.gsc-input {
	padding: 1px 6px;
	border: 1px solid #DDD;
	width: 99%;
}
input.gsc-search-button {
	width: 20px !important;
	height: 20px !important;
	min-width: 34px !important;
	color: transparent !important;
	border: 0 !important;
	background-color: transparent !important;
}
td.gsc-search-button {
    width: 34px !important;
    background-image: url('https://assets.ucsd.edu/img/icon/googlesearchicon.png');
    background-repeat: no-repeat;
    background-position: 0px 1px;
    display: table-cell !important;

}
td.gsc-clear-button {
	display: none !important;
}
.gs-webResult.gs-result a.gs-title, .gs-webResult.gs-result a.gs-title b, .gs-imageResult a.gs-title, .gs-imageResult a.gs-title b,
.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b,
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b {
color: #63b1e5 !important; 	font-size: 18px !important; font-family:Univers, sans-serif; font-weight:normal !important; text-decoration:none;
}
.gsc-control-cse, .gsc-control-cse .gsc-table-result {
	width: 100%;
	font-family: Univers !important;
	font-size: 15px !important;
}

.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
	color: #666666;
	font-family: Univers !important;
	font-size: 15px !important;
}
.cse .gsc-control-cse, .gsc-control-cse 
{
	padding: 0 0 0 0 !important;

	
}

/* Google Translate Overrides */
#google_translate_element {
	position: relative;
	top: 5px;
}
#translate_tab, #giving_tab {
	height:auto; position:relative;
}

#translate_div, #giving_div {
	width: 175px; 
	height:auto;
	position:relative;
	color: #FFF;
	font-weight: lighter;
	padding: 10px;
	font-size: 14px;
	line-height: 150%;
	display:none;
}
#translate_div{
	line-height: 120%;
}

.goog-te-gadget-icon {
	display: none;
}
#google_translate_element .goog-te-menu-value {
	width: 145px;
	color: #444 !important;
	display: block;
}
#google_translate_element .goog-te-gadget-simple .goog-te-menu-value span:first-of-type {
	text-decoration: none;
	color: #666;
	display: inline-block;
	width: 133px;
}

/*Share Bar Mobile */
.at4m-dock a:link, .at4m-dock a:visited, .at4m-dock-toggle {
	height: 35px !important;
	line-height: 100% !important;
	font-size: 12px;
	color: #AAA !important;
	text-transform: uppercase;
}



/* MY CHART LOGIN */
#sidr #MyChartLogin A {
	font-size: 18px;
	color: #5DAFE7;
	font-weight: normal;
	font-family: TradeGothicCon, 'Franklin Gothic',  'Fjalla One', 'Oswald', sans-serif;
	font-weight:normal !important; 
	padding: 10px 0 10px 10px;
	display: block;
	width: auto;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4e4e4e), color-stop(100%, #1a1a1a));
	background-image: -webkit-linear-gradient(#4e4e4e,#1a1a1a);
	background-image: -moz-linear-gradient(#4e4e4e,#1a1a1a);
	background-image: -o-linear-gradient(#4e4e4e,#1a1a1a);
	background-image: linear-gradient(#4e4e4e,#1a1a1a);
	-webkit-box-shadow: 0 5px 5px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 5px 3px rgba(0,0,0,0.2);
	box-shadow: 0 5px 5px 3px rgba(0,0,0,0.2);
}
#MyChartLogin {
	background-color: #444;
	padding: 0 0 10px 0;
}
#MyChartLogin .row {
	margin: 4px 0 0 10px;
	font-family: Univers,Open-Sans, sans-serif;
	font-size: 14px;
}
#MyChartLogin .row INPUT {
	font-size: 12px;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #666;
	background-color: #EEE;
	color: #333;
	margin: 0 10px 2px 0;
}
#MyChartLogin .row IMG {
	position: relative;
	height: 20px;
	width: auto;
	display: inline-block;
	top: 5px;
}
#MyChartLoginMain {
	display: none;
	width: 250px;
	right: 5px;
	position: absolute;
	top: -10px;
	z-index: 9999;
	float: right;
	font-size: 13px;
	color: #FEFEFE;
	background-color: #5DAFE7;
	padding: 25px 10px 10px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#MyChartLoginMain DIV {
	padding: 0 0 10px 0;
	z-index: 9999;
	position: relative;
}
#MyChartLoginMain LABEL {
	padding-right: 10px;
	width: 100px;
	display: inline-block;
}
#MyChartLoginMain .centered {
	padding: 0px;
	text-align: center;
}
#MyChartLoginMain .centered SPAN {
	padding: 0 10px;
}
#MyChartLoginMain DIV A {
	color: #FFF;
}
#MyChartLoginMain .applinks {
	height: 40px;
	width: auto;
	position: relative;
	margin-top: 5px;
}
#MyChartLoginMain .applinks IMG {
	height: 100%;
	width: auto;
	margin-right: 5px;
	position: relative;
}
.txtfield-mc {
	width: 100px;
	font-size: 11px;
	color: #333;
	height: 15px;
}

/****************** Brand Header **********************/
#head_brand {
	position: relative;
	float: left;
	margin: 0 10px 35px 0;
	clear: both;
}
/* Nav Header */
#head_mainlinks {
	clear: both;
	float: left;
	width: 100%;
	max-height: 20px;
}
#head_topnav {
	position: relative;
	float: left;
	display: block;
	width: 70%;
}
#hdTopLinks {
	color: #4d4d4f;
	font-size: 12px;
	text-align: right;
	width: 69%;
	float: right;
	margin-right: 1%;
	font-family: UniversLight, sans-serif;
}

#hdTopLinks UL {
	list-style: none;
	float: right;
	margin: 5px 0 0 0;
	position: relative;
}
#hdTopLinks UL LI {
	float: left;
}
#hdTopLinks UL LI A, #hdTopLinks UL LI A:visited {
	display: inline-block;
	padding: 0 7px;
	color: #4D4D4D;
}
#head_topnav A.topnav, #hdNavBar A.topnav:visited, A.topnav:hover {
	font-family: TradeGothicCon, 'Franklin Gothic',  'Fjalla One', 'Oswald', sans-serif;
	font-weight:normal !important; 
	font-size: 20px;
	position: relative;
	color: #00225E;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	margin: 0 20px 0 0;
	font-weight:normal;
	-webkit-font-smoothing: antialiased;
}
#head_contactinfo {
	float: right;
	position: relative;
	width: 30%;
	text-align: right;
	z-index: 25;
	border-bottom: solid 1px #FFF;
}

.loginLabelon, .loginLabelon:hover, A#loginLabel:visited {
	color: #FFF;
	text-decoration: none;
	background-color: #5DAFE7;
	height: 50px;
	padding: 3px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#mobile-menu {
	display:none;
}
#searchDropMobile{
	display:none;height: 30px; display: table; width: 98%;
}


#searchdrop {
	display: block;float:left; 
	padding: 8px 0; text-align:center; color:#214474; font-family:TradeGothicBold, 'Fjalla One', 'Oswald'; font-weight:normal;font-size:16px;
 width:50%; background-color:#5FAFE7; cursor:pointer;
}
#simple-menu  {
	display: block;float:left; 
	padding: 8px 0; text-align:center; color:#214474; font-family:TradeGothicBold, 'Fjalla One', 'Oswald'; font-weight:normal;font-size:16px;
	white-space: nowrap; width:50%;  background-color:#7EC0EB;
}
#simple-menu A:first-of-type {
	background-color:#5FAFE7;
}
#simple-menu A:hover{
	text-decoration:none;

}

.sidrClose{
	width: 94%;
	display: inline-block;
	padding: 3%;
	background-color: #444;
	text-align: right;
	border-bottom: solid 1px #000;
}
#translate_tab, #giving_tab {
	cursor: pointer;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	border: 0px solid #5DAFE7;
	background-color: #5DAFE7;
	width: 0px;
	height: 130px;
	position: absolute;
	z-index: 10006;
	right:0px;
}
#translate_tab img, #giving_tab img, #translate_tab img:hover, #giving_tab img:hover {
	position: absolute;
	top: 0px;
	left: -28px;
	cursor:pointer;
}

/*******************  FOOTER  ****************************/

.hdWideBarFooter {
	clear: both;
	position: relative;
	background-color:  #5DAFE7;
	float: left;
	width: 100%;
	height: auto;
	z-index: 0;
	margin: 0;
	padding: 0 0 10px 0;
}

.hdSubscribeFooter {
	clear: both;
	position: relative;
	background-color:#DBD9D9;
	float: left;
	width: 100%;
	height: auto;
	z-index: 0;
	margin: 20px 0 0 0;
	padding: 0 10px;
}
.subscribeCenter{
	text-align:center;
}
.subscribeLabelText {
    color: #0067AC;
    display: inline-block;
    position: relative;
    top: -7px;
    margin-bottom: 2px;
}
.footer-wrapper {
	padding: 20px 2%;
	color: #FFF;
	float: left;
	width: 96%;
}
.footer-logo {
	width: 17%;
	margin: 0 2% 0 0;
	float: left;
	min-width: 140px;

}
.footer-logo IMG {
	position: relative;
	width: 100%;
	border: 0px;
	height: auto;
}
.footer-icons {
	width: 75%;
	float: right;
}
#socialMediaFooter {
	clear: both;
	position: relative;
	float: right;
	width: 50%;
	padding-top: 20px;
	padding-right:3%;
}
.socialmedia_medium {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	float: right;
	margin-left: 5px;
	margin-right: 0.75%;
	background-repeat: no-repeat;
	background-image: url("https://assets.ucsd.edu/img/icon/socialSprite.png");
}
.icon_facebook {
	background-position: 0px 0px;
}
.icon_twitter {
	background-position: -20px 0px;
}
.icon_googleplus {
	background-position: -40px 0px;
}
.icon_linkedin {
	background-position: -60px 0px;
}
.icon_youtube {
	background-position: -80px 0px;
}
.icon_tubmblr {
	background-position: -100px 0px;
}
.icon_rssfeed {
	background-position: -121px 0px;
}
.icon {
	width: 32px;
	height: 32px;
	margin: 0 12px;
}
.socialmedia_medium:active {
	top: 1px;
}
.socialmedia_medium:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-position: -50px -50px;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(0% , rgba(255, 255, 255, 0.3)),color-stop(37%, rgba(255, 255, 255, 0.3)), color-stop(45%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.0)));
	background-image: -moz-linear-gradient(0 0,rgba(255, 255, 255, 0.3) 0%,rgba(255, 255, 255, 0.3) 37%,rgba(255, 255, 255, 0.8) 45%,rgba(255, 255, 255, 0.0) 50%);
	-moz-background-size: 250% 250%, 100% 100%;
	-o-background-size: 250% 250%;
	background-size: 250% 250%;
	-webkit-transition: background-position 0s ease;
	-moz-transition: background-position 0s ease;
	transition: background-position 0s ease;
}
.socialmedia_medium:hover:before, .socialmedia_medium:focus:before {
	background-position: 0 0;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.socialmedia_medium:active:before {
	opacity: 0;
}

.stButton {
	margin-right: 2px !important;
	margin-left: 0px !important;
}
.st_facebook_large{
	margin-left: 4px !important;
}


.footerRowStack {
	width: 100%;
	position: relative;
	float: left;
	clear: both;
	margin: 0 0 20px 0;
}
.copyright {
	font-size: 12px;
	float: right;
	text-align: right;
	color: #FFF;
	padding: 0;
	margin: 0;
	width: 50%;
}
.copyright A {color:#FFF}
.copyright A:hover {text-decoration:underline;}

#footerLogoCopyrightContainer {
	float: left;
	width: 100%;
	color: #FFF;
}
.footer-logocols {
	width:35%;
	float:right;
}
.footer-linkcols{
	width:65%;
	float:left;
}

UL.linkCols {
	padding: 0; list-style: none; width:100%; margin:0;
}
UL.linkCols LI {
	width:25%; float:left;
}

.footerLegalLinks {
	list-style: none;
	text-align: left;
	float: left;
	margin:  0;
	padding: 0;
	font-size: 10px;
	display: block;
	position: relative;
	clear:both;
}
.footerLegalLinks li {
	display: inline;
	border-left: 1px solid #ADCEDF;
	padding: 0 5px;
	margin: 0;
}
.footerLegalLinks li.first {
	border: none;
	padding: 0 5px 0 0;
}
.footerLegalLinks li a {
	color: #FFF;
	text-decoration: none;
}
.footerLegalLinks li a:hover {
	text-decoration: underline;
}
.footerAwards {
	width: 65%;
	float: right;
	position: relative;

}
.footer-logocols {
	text-align:right;display:table;
}

.footer-logocols ul {
	padding:0px; margin:0px; list-style:none; width:100%; display:table-row; position:relative; float:right;
}

.footer-logocols UL LI.awardIcon{
	float:right; width:30%; margin: 0 0 0 2%; display:table-cell; position:relative;
	}
.footer-logocols UL LI.awardIcon IMG {
	height:auto; width:100%;
	position:relative; border:0px;
}


.footerLinks {
	padding-top: 10px;
	float: left;
}
A.footerGlobalNav {
	display: block;
	color: #FFF;
	float: left;
	font-family: TradeGothicCon, 'Franklin Gothic',  'Fjalla One', 'Oswald', sans-serif;
	font-weight:normal !important; 
	clear:both;
	line-height:150%;
	font-weight: normal !important;
	font-size: 19px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	padding: 0 0 5px 0;
}

A.footerGlobalNavB {
	display: block;
	color: #FFF;
	float: left;
	clear:both;
	font-family: Univers, sans-serif;
	line-height:130%;
	font-weight: normal !important;
	font-size: 15px;
	text-transform:none;
	-webkit-font-smoothing: antialiased;
	padding: 0 0 3px 0;
}

/***************** TOP AND SIDE NAVIGATION  ****************/

/*  MOBILE SLIDER NAV  */
.sidr {
	display: none;
	position: absolute;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 999999;
	width: 212px;
	overflow-x: none;
	overflow-y: auto;
	font-family: Univers, sans-serif;
	font-size: 16px;
	background: #333;
	color: #fff;
	-webkit-box-shadow: inset 0 0 5px 5px #222;
	-moz-box-shadow: inset 0 0 5px 5px #222;
	box-shadow: inset 0 0 5px 5px #222;
}
.sidr.left {
	left: -212px;
	right: auto;
}
.mobile_topnav {
	margin: 5px 0;
	color: #FFF;
	width: 100%;
}
#zz1_TopNavigationMenuMobile {
	width: 100%;
}
.youAreHere {
	width: 100%;
	font-family: TradeGothicCon, 'Franklin Gothic',  'Fjalla One', 'Oswald', sans-serif;
	font-weight:normal !important; 
	width: 100%;
	display: block;
	vertical-align: middle;
	color: #FFF;
	text-indent: 10px;
	font-size: 18px;
	padding: 8px 0 0 0;
	text-decoration: none;
}

A.zz1_TopNavigationMenuMobile_1, A.zz1_TopNavigationMenuMobile_1B {
	width: 100%;
	font-family: TradeGothicCon, 'Franklin Gothic',  'Fjalla One', 'Oswald', sans-serif;
	font-weight:normal !important; 
	width: 100%;
	display: block;
	vertical-align: middle;
	color: #FFF;
	text-indent: 10px;
	font-size: 18px;
	padding: 8px 0;
	border-bottom: solid 1px #000;
	border-top: solid 1px #444;
	text-decoration: none;
}
A.zz1_TopNavigationMenuMobile_1:hover {
	background-color: #444;
}
A.zz1_TopNavigationMenuMobile_1B {
	font-size: 15px;
	color: #DDD;
	text-transform: uppercase;
}
A.zz1_TopNavigationMenuMobile_1B:before {
	content: '→ ';
}

#mobileSubnavBlock{
	background-color:#000;


}
div.RadPanelBar_UCSDMobile  UL.rpRootGroup{
	width:auto; border:none;
	background-color: #000; padding-top: 4px;	padding-bottom:10px;
}

div.RadPanelBar_UCSDMobile  rpSelected {
	color:yellow;
}


#ctl00_RadPanelBar2  {
	width: auto !important;
	text-align: left;

}
div.RadPanelBar_UCSDLeftNav .rpLink {
	cursor: pointer;
	text-decoration: none;
	overflow: hidden;
	background-repeat: repeat-x;
	border-bottom-width: 0px;
	zoom: 1;
}

.sidr LABEL {
	display: block;
	font-family:TradeGothicCon, 'Franklin Gothic',  'Fjalla One', 'Oswald', sans-serif;
	font-weight:normal !important; 
	font-size:16px;
	color:#FFF;
	padding:10px 0 0 10px;

}
div.RadPanelBar_UCSDMobile ul.rpRootGroup a.rpLink, div.RadPanelBar_UCSDMobile ul.rpGroup a.rpLink {

	display: block;
	font-family:TradeGothicCon, 'Franklin Gothic',  'Fjalla One', 'Oswald', sans-serif;
	font-weight:normal !important; 
	font-size:16px;
	margin-left:5px;
	padding: 2px 0 0 5px !important;
	line-height: 120%;
	border-bottom: 0px;
	background-image: none !important;

}
div.RadPanelBar_UCSDMobile.rpLevel1 .rpFirst {
	border-top: 0px solid #555;
	padding-top: 5px;
}

div.RadPanelBar_UCSDMobile .rpGroup .rpOut {
	border-bottom: 0;
	margin-right: 3px;
	margin: 5px 0 5px 0;
}


div.RadPanelBar_UCSDLeftNav a.rpLink span.rpOut, div.RadPanelBar_UCSDLeftNav a.rpFocused span.rpOut, 
div.RadPanelBar_UCSDLeftNav a.rpLink:hover span.rpOut, div.RadPanelBar_UCSDLeftNav a.rpSelected span.rpOut, 
div.RadPanelBar_UCSDLeftNav a.rpSelected:hover span.rpOut {
	border: none;
	outline: 0; padding:5px;
}


div.RadPanelBar_UCSDLeftNav {
	width: auto;
}
/* 	Root Menu */
#zz1_TopNavigationMenun0 {
	display: none;
}

div.RadPanelBar_UCSDLeftNav ul.rpRootGroup {
	border: none;
	margin-top: 0px;
}
div.RadPanelBar_UCSDLeftNav UL LI.rpFirst, div.RadPanelBar_UCSDLeftNav {
	padding-top: 0px !important;
}
/* root links */
div.RadPanelBar_UCSDLeftNav ul.rpRootGroup a.rpLink, div.RadPanelBar_UCSDLeftNav ul.rpGroup a.rpLink {
	color: #666;
	display: block;
	background-color: #f2f2f2;
	font-size: 13px;
	font-family: UniversLight, sans-serif;
	padding: 7px 10px;
	line-height: 150%;
	border-bottom: 1px solid #DFDFDF;
	background-image: none; 
}
div.RadPanelBar_UCSDMobile ul.rpRootGroup a.rpSelected , div.RadPanelBar_UCSDMobile ul.rpGroup a.rpSelected {
		
		background-image:url('https://assets.ucsd.edu/img/icon/icon_PulseArrowWhite.png') !important;
		background-repeat:no-repeat;
		background-position: left; display:block;
		color: #FFF; padding-left:10px  !important;
}

/* Selected Nav Link */

div.RadPanelBar_UCSDLeftNav ul.rpRootGroup a.rpExpandable, div.RadPanelBar_UCSDLeftNav ul.rpGroup a.rpExpandable{
	background: url("/Style Library/Images/UCSD/health-master-sprite.png") 170px -490px no-repeat;
}

div.RadPanelBar_UCSDLeftNav ul.rpRootGroup a.rpExpandable:hover, div.RadPanelBar_UCSDLeftNav ul.rpGroup a.rpExpandable:hover{
	background-color: #FFF;
}


div.RadPanelBar_UCSDLeftNav ul.rpRootGroup a.rpExpanded, div.RadPanelBar_UCSDLeftNav ul.rpGroup a.rpExpanded{
	color: #333;	background: url("/Style Library/Images/UCSD/health-master-sprite.png") 170px -665px no-repeat;
}

div.RadPanelBar_UCSDLeftNav a.rpClicked{
	background-color: #FFF;
}

/* child links */
div.RadPanelBar_UCSDLeftNav ul.rpRootGroup .rpSlide a.rpLink, div.RadPanelBar_UCSDLeftNav ul.rpGroup .rpSlide a.rpLink {
	color: #666;
	display: block;

	font-size: 12px;
	font-family: UniversLight, sans-serif;
	padding: 10px 10px;
	line-height: 120%;
	border-bottom: 1px solid #DFDFDF;
}

div.RadPanelBar_UCSDLeftNav span.rpText {
	padding: 0 10px 0 0;
}



/* Top level selected styles - change colors */
div.RadPanelBar_UCSDLeftNav a.rpSelected:hover {
	color: #333;
	background-color: #FFF;
}

/* compensate for borders */
div.RadPanelBar_UCSDLeftNav a.rpLink span.rpOut, div.RadPanelBar_UCSDLeftNav a.rpFocused span.rpOut, div.RadPanelBar_UCSDLeftNav a.rpLink:hover span.rpOut, div.RadPanelBar_UCSDLeftNav a.rpSelected span.rpOut, div.RadPanelBar_UCSDLeftNav a.rpSelected:hover span.rpOut {
	border: none;
	outline: 0;
}
/* Expandable Menus */

/* background positioning */
div.RadPanelBar_UCSDLeftNav a.rpFocused, div.RadPanelBar_UCSDLeftNav a.rpLink:hover, div.RadPanelBar_UCSDLeftNav a.rpExpanded:hover {
	background-position: 4px -700px;
}

div.RadPanelBar_UCSDLeftNav ul.rpGroup a.rpExpanded span.rpText {
	background-position: 160px #66666-977px;
}
/* Sub Menus */

/* child links  */
div.RadPanelBar_UCSDLeftNav ul.rpGroup a.rpLink {
	border-bottom: 1px solid #DDD;
}
div.RadPanelBar_UCSDLeftNav li.rpItem ul.rpGroup a.rpLink:hover {
	color: #333;
	background: #FFF;
}
div.RadPanelBar_UCSDLeftNav li.rpItem ul.rpGroup a.rpLink span.rpOut, div.RadPanelBar_UCSDLeftNav li.rpItem ul.rpGroup a.rpLink:hover span.rpOut {
	margin-left: 15px;
}
div.RadPanelBar_UCSDLeftNav li.rpItem ul.rpGroup li.rpItem ul.rpGroup a.rpLink span.rpOut {
	margin-left:30px
}

div.RadPanelBar_UCSDLeftNav li.rpItem ul.rpGroup li.rpItem ul.rpGroup li.rpItem ul.rpGroup a.rpLink span.rpOut {
	margin-left:45px
}

div.RadPanelBar_UCSDLeftNav li.rpItem ul.rpGroup li.rpItem ul.rpGroup li.rpItem ul.rpGroup li.rpItem ul.rpGroup a.rpLink span.rpOut {
	margin-left:45px
}

div.RadPanelBar_UCSDLeftNav li.rpItem ul.rpGroup li.rpItem ul.rpGroup li.rpItem ul.rpGroup li.rpItem ul.rpGroup li.rpItem ul.rpGroup a.rpLink span.rpOut {
	margin-left:55px
}



.RadPanelBar_UCSDLeftNav .rpDisabled, .RadPanelBar_UCSDLeftNav .rpDisabled:hover, div.RadPanelBar_UCSDLeftNav ul.rpGroup a.rpDisabled, div.RadPanelBar_UCSDLeftNav ul.rpGroup a.rpDisabled:hover {
	color: #bbb;
	background-color: #fff;
	border: 0;
	padding: 1px;
}

div.RadPanelBar_UCSDLeftNav ul.rpRootGroup a.rpSelected, div.RadPanelBar_UCSDLeftNav ul.rpGroup a.rpSelected , div.RadPanelBar_UCSDLeftNav ul.rpRootGroup .rpSlide a.rpSelected {
	background-color: #FFF;
}



/*********************** HOME PAGE STYLES ************************/

#TopAlertBar {
	background-color: #ea961c;
	width: auto;
	padding: 0;
	color: #FFF !important;
}

#TopAlertBar .inner-wrapper, #TopAlertBar .inner-wrapper P {
	color: #FFF !important; text-align:center;
}

#TopAlertBar .inner-wrapper A, #TopAlertBar .inner-wrapper A:visited {
	text-decoration:underline !important;
}

#TopAlertBar SPAN: {

	width: auto;
	/*padding: 5px 10px; */
}


.heroCopyBlock {
	left: 0;
	max-width: 1162px;
	margin: 1% 0 0 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.heroCopyBlock DIV {
	float:right;
	width:63%;
	padding: 0 10px;
}
.heroCopyBlock H2 {
	color: #FFF !important;
	font-size:35px !important;
	font-family:UniversLight, sans-serif;
	font-weight:normal;
	margin: 40px 0 25px 0;
}
.heroCopyBlock P {
	/**- color: #C4EBFC;  use this color with the hero bg is Footer blue, #499fbc **/
	color: #BFD3EC; /**  use this color when the hero bg is Periwinkle blue, #6f99d0 **/
	/** color: #D6E8E5;  use this color when the hero bg is fadded green, #99b7b2 **/
	font-size:17px;
	font-family:UniversLight, sans-serif;
	font-weight:normal;
	line-height:122%;
	display:block;
	width:73%; float:left;
}

a.btnBlueHero,a.btnBlueHero:link, a.btnBlueHero:visited {
	width: 15%;
	text-transform: uppercase;
	padding: 6px 28px 5px 10px;
	/**- background-color: #2D87AB; use this color when the hero bg is Footer blue, #499fbc **/
	/**- border: solid 1px #6FC0DE; use this color when the hero bg is Footer blue, #499fbc **/
	background-color: #5681C1; /** - use this color when the hero bg is Periwinkle blue, #6f99d0 **/
	border: solid 1px #BFD3EC; /** - use this color when the hero bg is Periwinkle blue, #6f99d0 **/
	/** background-color: #81A29C; use this color when the hero bg is faded green, #99b7b2 **/
	/** border: solid 1px #BACECB; use this color when the hero bg is fadded green, #99b7b2 **/
	color: #FFF;
	clear: both;
	background-image: url('https://assets.ucsd.edu/img/icon/icon_PulseArrowBox.png');
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	margin: 4% 0 0 0;
}




.helpBox {
	padding: 10px 1% 0 9%;
	display: block;
	width: auto;
}
.helpBox H3 {
	color: #0067ac;
	font-size: 1.8em;
	text-transform: uppercase;
	font-family: TradeGothicCon, 'Franklin Gothic',  'Fjalla One', 'Oswald', sans-serif;
	font-weight:normal !important; 
	margin: 20px 0 10px 0;
}
.helpBox .helpBoxItem {
	font-family: UniversLight, sans-serif;
	font-weight:normal;
	padding: 4% 2% 4% 6%;
	font-size: 16px;
	color: #FFF;
	border-bottom: solid 1px #FFF;
	background-color: #428bbc;
	background-image:url('https://assets.ucsd.edu/img/icon/healthArrowWhite.png');
	background-position: center right; background-repeat:no-repeat; 
}
.helpBox .helpBoxItem A, .helpBox .helpBoxItem A:visited {
	color: #FFF;
	text-decoration: none;
	font-size: 18px;
	width:100%;
	display:inline-block;
}
.helpBox .helpBoxItem A:hover {
	text-decoration:underline;
}
.helpBox .helpBoxItem A:active {
	position:relative; top:1px;left:1px;
}

.helpBox .helpBoxItem A SPAN {
	font-family: websymbolsregular;
	font-weight: normal;
	display: inline;
	font-size: 14px;
}
.helpBoxItem.child2 {
	background-color: #63b1e5;
}
.helpBoxItem.child3 {
	background-color: #6f99d0;
}
.helpBoxItem.child4 {
	background-color: #a487ba;
}
.helpBoxItem.child5 {
	background-color: #24adae;
}
.helpBoxItem.child6 {
	background-color: #428bbc;
}
.helpBoxItem.child7 {
	background-color: #63b1e5;
	display: none;
}
.helpBoxItem.child8 {
	background-color: #6f99d0;
	display: none;
}
.helpBoxItem.child9 {
	background-color: #a487ba;
	display: none;
}
#homeHighlights {
	position: relative;
	clear: both;
	margin: 0 0 0 0;
	width: 100%;
	float: left;
}
#homeNewsTicker {
	position: relative;
	margin: 20px 0 0px 1.5%;
	float: left;
	width: 97%;
	height: 26px;
	overflow: hidden;
}
#homeNewsTicker LABEL {
	color: #0067ac;
	font-family:Univers, sans-serif;
	display: inline-block;
	width: 24%;
	white-space: nowrap;
}
#homeNewsTicker UL {
	margin-top:5px;
}
#homeNewsTickerData {
	width: 74%;
	float: left;
}
#homeNewsTicker .cycle-slide A  {
	font-size:14px !important; padding-top:5px; display:inline-block; overflow:hidden;
	font-family:UniversLight, sans-serif;
}

.col66pctwide .highlight-container {
	width: 99%;
	float: left;
}
.col66pctwide .highlight {
	float: left;
	padding-top: 10px;
	width: 26.5%;
	margin: 0 0 0 2%;
}
.col66pctwide .highlight:first-of-type, .highlight-container .item1 {
	width: 40%;
}
.col66pctwide .highlight-img img {
	width: 100%;
	border: solid 1px #AAA;
	margin-bottom: 10px;
}
.col66pctwide .highlight-content H2 A, .event-name H2 A {
	color: #63b1e5;
	text-decoration: none;
	cursor: pointer;
	line-height: 145%;
	font-family:Univers, sans-serif;
	font-size: 14px 
}
.col66pctwide .highlight-title {
	margin: 10px 0 5px 0;
}
.thinHeadlineUnderline {
	position: relative;
	margin: 20px 0 10px 1.5%;
	border-bottom: solid 1px #00245d;
	padding: 0 0 10px 0;
	font-size: 23px;
	color: #00245d;
}
.thinHeadlineUnderline SPAN, .thinHeadlineUnderline SPAN A {
	font-size: 14px;
	font-family:Univers, sans-serif;
	color: #616a6f;
}
.event-row, #eventsrow, #eventListing {
	clear: both;
	width: 100%;
	float: left;
}
.event-block {
	margin: 10px 0 0 2%;
	padding: 0;
	float: left;
	width: 22.5%;
	font-size: 14px;
	font-family: Univers, sans-serif;
	display: block;
}
.event-block H2 {
	margin-bottom: 10px;
}
.event-block A {
	color: #63b1e5;
}
.homeText {
	margin: 20px 0;
	padding: 0 0 0 10%;
}


.homeMarquee .marqueePix IMG {
	width: 100%;
	height: auto;
}
.homeMarquee .marqueeOverlay {
	position: absolute;
	bottom: 0px;
	height: auto;
	width: 100%;
	padding: 1% 0;
	background-color: #DDD;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=85);
	opacity: .85;
	float: left;
}
.marqueeOverlay .rowboxThirds {
	padding: 0 1.45%;
	color: #333;
	font-size: 0.85em;
	line-height: 120%;
	border-right: solid 1px #333;
}
.marqueeOverlay .rowboxThirds:last-of-type, .rowboxThirds.last  {
	border-right: solid 0px #333;
	padding-right: 0px;
}
.marqueeOverlay .rowboxThirds H3 {
	background-image: url("https://assets.ucsd.edu/img/icon/ico_arrowSquare.png");
	background-position: top right;
	background-repeat: no-repeat;
	width: 100%;
	clear: both;
	margin: 0 0 5px 0;
}
.marqueeOverlay .rowboxThirds H3 A, .marqueeOverlay .rowboxThirds H3 A:visited {
	color: #333;
	font-family: UniversBold, sans-serif;
	font-weight: normal;
	font-size: 14px;
	display: inline-block;
	width: 100%;
}
.marqueeOverlay .rowboxThirds {
	width: 30.5%;
	float: left;
}


/************************ CONTENT LAYOUT *********************/



/* Equal Columns */
.equal-cols-1 {
	width: 100%;  padding: 10px 0 0 0;
}

.equal-cols-2, .equal-cols-3, .c, .equal-cols-5 {
	width: 100%; clear: both; padding: 10px 0 0 0;
}
.equal-cols-2:after, .equal-cols-3:after, .equal-cols-4:after, .equal-cols-5:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.equal-cols-2 .left-col, .equal-cols-3 .left-col, .equal-cols-4 .left-col, .equal-cols-5 .left-col, .equal-cols-2 .middle-col, .equal-cols-3 .middle-col, .equal-cols-4 .middle-col, .equal-cols-5 .middle-col {
	float: left;
}
.equal-cols-2 .right-col, .equal-cols-3 .right-col, .equal-cols-4 .right-col, .equal-cols-5 .right-col {
	float: right;
}
.equal-cols-2 .left-col, .equal-cols-2 .right-col, .equal-cols-1 .left-col, .equal-cols-1 .right-col {
	width: 47%;
}
.equal-cols-3 .left-col, .equal-cols-3 .right-col, .equal-cols-3 .middle-col {
	width: 30%;
}
.equal-cols-3 .middle-col {
	margin-left: 5%;
}
.equal-cols-4 .left-col, .equal-cols-4 .right-col, .equal-cols-4 .middle-col {
	width: 22%;
}
.equal-cols-4 .middle-col {
	margin-left: 4%;
}
.equal-cols-5 .left-col, .equal-cols-5 .right-col, .equal-cols-5 .middle-col {
	width: 17%;
}
.equal-cols-5 .middle-col {
	margin-left: 3.75%;
}
.fontsmaller { font-size:90% }
.gridlines {border-bottom: solid 1px #AAA; }


/* pullquotes */
.pullquote-blue-center-border {
	font-size: 15px;
	color: #63b1e5;
	text-align: center;
	margin: 10px 60px;
	padding: 6px 15px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#printPage {
	font-size: 11px;
	margin-right: 24px;
	position: absolute;
	left: 720px;
	top: 13px;
}
#printPage a {
	padding: 5px;
}




.btn-register-landing, A.btn-register-landing:visited {
	font-size: 21px;
	line-height: 24px;
	color: #fff;
	padding: 10px;
	text-align: center;
	background: #0099bd;
	border: 2px solid #00245d;
	display: block;
}

/* two col layout with right image */
.twoColRightImage {
	padding: 0px 0px 20px 20px;
	float: right;
}
/*   */

#BMICalculator H1 {
	color:#00245d;
}

#BMICalculator .labelRow, #BMICalculator .bmislider  {
	margin: 5px 0 10px 0;
	position:relative;
	clear:both;
}

#BMICalculator INPUT{
	float:right;
	position:relative;
	clear:both; padding:2px;
	background-color: #FFF;
    border-radius: 3px;
    width:30px;
}
.outer_bmiCalc {
    border: solid 1px #CCC;
	min-width:280px;
}
.bg_calculator {
    border: solid 5px #FFF;
    padding:5px;
    width:auto;
	background: rgb(206,234,245); /* Old browsers */
background: -moz-linear-gradient(top, rgba(206,234,245,1) 0%, rgba(255,255,255,1) 81%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(206,234,245,1) 0%,rgba(255,255,255,1) 81%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(206,234,245,1) 0%,rgba(255,255,255,1) 81%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceeaf5', endColorstr='#ffffff',GradientType=0 );  
}

.bg_calculator .ui-slider-horizontal .ui-slider-handle {
    background-color: #0067ac !important;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    /* padding: 1em 1.4em; */
    background: none;
}

#amount_bmi, #amount_bmi_metric {
	background-color:transparent !important;
}

#bmiEnglish, #bmiMetric {
	font-size:11px !important;
}
#BMICalculator > div.bmiEnglish > div:nth-child(7) > label {
		font-size:13px !important;
}

/* News Feature */



.newsFeatureShareLinks {
	float: right;
	color:#5DAFE7;
	padding: 10px 0px;
}
.writtenBy {
	float: left;
	padding: 10px 0;
	width:50%;
	position:relative;
}

/* Giving */
.GivingRadComboBox {
	width: 375px;
}

/* RSS and Mega News Verbose Listing */

.rssNewsItemTitle a {
	font-weight: bold;
}
.rssNewsItem {
	padding-bottom: 8px;
}
.rssNewsItemPubDate {
	line-height: 10px;
	font-size: 11px;
	font-style: normal;
}
.rssNewsItemBody {
	line-height: 18px;
}
ul#rssNewsCompact {
	padding: 0;
}
ul#rssNewsCompact li {
	padding: 0 0 6px 20px;
}

/* ADX FEED CONTAINER */

.ADXList {
	font-family:Univers, sans-serif; clear:both;
	
}
.ADXList A {
	display: block;

	clear: both;
	position: relative;
}
.ADXList A:after {

}


/* RSS Outside Feed Reader Styles */
.rss-outside-feed {
	line-height: 18px;
}
.rss-outside-item {
	padding-bottom: 8px;
}
.rss-outside-title {
}
.rss-outside-title a {
}
.rss-outside-date {
	font-size: 11px;
}
.rss-outside-content {
}
.rss-outside-content a {
	font-weight: normal;
}

.megaNewsHeading H3 {
	margin-bottom:10px;
}

.rightColumn .megaNewsHeading {
	display: block;
	color: #333;
	font-size: 14px;
	font-family: UniversBold, sans-serif;
	font-weight:normal;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 12px;
	margin-top: 25px;
}

.rightColumn .megaNewsItemTitle A, .rightColumn .megaNewsItemTitle A:visited, 
.rightColumn .rssNewsItemTitle A, .rightColumn .rssNewsItemTitle A:visited {
	font-family: Univers !important;
	position: relative;
	font-size:13px;
	line-height: 135%;
}
.megaNewsItemTitle A:hover {
	text-decoration:underline;
}

.rightColumn .megaNewsItemDate {
	float: left;
	width: 100%;clear:both;
	margin: 5px 0 0 0 ;	font-size: 13px;
	position: relative;
	display: block;
	line-height:150%;
}
.rightColumn .megaNewsViewAll {
	font-size: 13px;
}

.rightColumn .compactNewsItem {
	display:block; width:auto;
	padding-bottom:20px;
}


.rightColumn .megaNewsByline {
	float: left;
	width: 90%;
	font-size: 13px;
	margin: 5px 0 0 0 ;	
	position: relative;
	display: block;
	font-style:italic;
	line-height:150%;
}
.rightColumn .megaNewsAbstract {
	display:block;
	clear:both;
	font-size: 13px;
	margin-bottom:10px;
}
.rightColumn .megaNewsAbstract STRONG {
	font-family:Univers, sans-serif;
	font-weight:normal;
	font-size:13px;
}

.newsRight .compactItemDate {
	display:table; width:150px; float:left;
}

.centerColumnFull .megaNews {
	margin: 20px 0 0 0;
}

.megaNewsHeading H2 {

	margin:15px 0;
}
.megaNewsItem, .rssNewsItem {
	position: relative;
	display: block;
	width: 100%;
	height: auto; float:left;
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #DDD;
}
.megaNewsByline {
	font-size:12px; 	font-family:UniversLight, sans-serif;
	position: relative;  line-height:200%;
	display: block; font-style:italic;
}
.megaNewsByline IMG {
	float:left;	
	position: relative;
}
.megaNewsItemTitle , .megaNewsItemTitle A, .megaNewsItemTitle A:visited, .rssNewsItemTitle A, .rssNewsItemTitle A:visited {
	font-size: 14px;
	font-family:Univers, sans-serif;
	font-weight:normal;
	position: relative;
	line-height: 165%;
}
.megaNewsItemDate, .rssNewsItemPubDate {
	position: relative;
	font-size: 14px; line-height:200%;
	color: #333;
}
.megaNewsItemDate {
	font-family:UniversLight, sans-serif;
	font-size: 12px;
}

.megaNewsAbstract, .rssNewsItemBody {
	font-size: 14px;
	font-family:UniversLight, sans-serif;
	color: #333; 
	position: relative;
	display: table;
	line-height: 150%;
}
.megaNewsAbstract STRONG, .rssNewsItemBody STRONG {
	font-family:Univers, sans-serif;
	font-weight:normal;
}

/* ADX FEED FORMATTING */
.rightColumn #adx100336 A {
	display: inline-block; width:85%; padding: 0 0 10px 0px; clear:both; float:right;
}

.rightColumn #adx100336 BR{
	clear:both;
}


/* Landing Pages Inner */

#landingHeader {
	width: 96%;
	height: auto;
	border: 1px solid #ccc;
	padding: 2%;
	float: left;
}
.intro {
	width: 100%;
	height: auto;
	background-color: #DDD;
	position: relative;
	float: left;

}
.introWebPart, .introWebPart iframe{
	width: 33%;
	height: auto;
	position: relative;
	float: left;
	top:0px; left:0px;


}

.introTextWebPart {
	font-size: 20px;
	position: relative;
	display: block;
	height:auto;
	line-height:140%;
	float: left;
	width:65%;
	padding:10px 0 0 1%;

}
.introImage {
	width: 30%;
	height: auto;
	position: relative;
	float: left;
	top: 0px;
	left:0px;
}

.introImage IMG {
	width: 100%;
	height: auto;
}

.introText { 
	font-size: 20px;
	position: relative;
	display:inline-block;
	height:auto;
	line-height:140%;
	float: left;
	width: 67%;
	padding:10px 0 0 2%
}
.introTextWebPart P {
	font-size: 20px;
	line-height:140%;
}
#landingText {
/*	border-top: 1px solid #ccc; */
	margin-top: 15px;
}

#landingText .contentLeft {
 	margin: 20px 3% 0 0 ;
 	width:62%;
}

.horizontalRule {
	border-top: 1px solid #ccc;
	margin-top: 10px;
}

/* BULLETS **/
ol {
	display: block;
	list-style-type: decimal;
	-webkit-margin-before: 0.40em;
	-webkit-margin-after: 0.40em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 40px;
}
.contentColumn .center2Column ul, .contentColumn .centerColumn ul, .contentColumn oneColumnContent ul, .contentColumn .centerColumnFull ul {
	list-style-type: none;
	-webkit-padding-start: 10px;
	-webkit-margin-before: 0;
	padding-top: 10px;
	margin-top:0px;
}

.contentColumn .center2Column ul li, .contentColumn .centerColumn ul li, .contentColumn .centerColumnFull ul li ,  .contentColumn oneColumnContent ul li {
	padding: 0 0 0 25px;
	margin: 0 0 10px 0;
	background: url('https://assets.ucsd.edu/img/icon/icon_ArrowB.gif') 0px 5px no-repeat;
}

.contentColumn .center2Column ol li, .contentColumn .centerColumn ol li, .contentColumn .centerColumnFull ol li ,  .contentColumn oneColumnContent ol li {
	padding: 0 ;
	margin: 0 0 10px 0;
	background: none;
}

.contentColumn .center2Column ul ul, .contentColumn .centerColumn ul ul {
	margin: 10px 0 0 0;
}
.contentColumn .center2Column ul li ul li, .contentColumn .centerColumn ul li ul li {
	padding: 0 0 0 15px;
	margin: 0 0 10px 0;
	background: url('https://assets.ucsd.edu/img/icon/icon_ArrowC.gif') 0px 6px no-repeat;
}

.rightTextBoxGreenWhite ul , .contentColumn .center2Column .rightTextBoxGreenWhite ul {
	padding: 0 0 0 10px;
	margin: 0 0 8px 0;
	list-style: none;
}
.rightTextBoxGreenWhite ul li, .contentColumn .center2Column .rightTextBoxGreenWhite ul li {
	padding: 0 0 0 15px;
	margin: 0;
	background: url("/Style Library/Images/UCSD/health-master-sprite.png") -990px -395px no-repeat;
	line-height: 18px;
}
.rightTextBox ul, .contentColumn .centerColumnFull .rightTextBox ul {
	padding: 0 0 0 10px;
	margin: 0 0 8px 0;
	list-style: none;
	-webkit-padding-start: 0px !important;
}
.rightTextCol ul, .contentColumn .centerColumnFull .rightTextCol ul  {
	padding: 0 0 0 10px;
	margin: 0 0 8px 0;
	list-style: none;
}
.rightTextBox ul li, .contentColumn .centerColumnFull .rightTextBox ul li {
	padding: 0 0 0 15px;
	margin: 0;
	background: url("/Style Library/Images/UCSD/health-master-sprite.png") -990px -395px no-repeat;
	line-height: 18px;
}
.rightTextCol ul li, .contentColumn .centerColumnFull .rightTextCol ul li  {
	padding: 0 0 0 15px;
	text-indent: 0;
	margin: 0;
	line-height: 135%;
	font-size: 13px;
	background: url("/Style Library/Images/UCSD/health-master-sprite.png") -990px -395px no-repeat;
	line-height: 18px;
}
.rightTextCol ul li:before {
	content: none;
	padding: 0 0 0 0;
}

/* These styles are used for the A-Z blocks on the Medical Services landing page  */

#specialtiesAZLg {
	width: auto;
	float: left;
	padding: 8px 0;
}
#specialtiesAZLg a.azLinks {
	float: left;
	display: block;
	margin: 0.7%;
	font-size: 14px;
	border: 1px solid;
	background-color: #E8E8E8;
	width: 20px;
	text-align: center;
	padding: 1%;
	line-height: 22px;
}
#specialtiesAZLg a.azLinks:hover {
	color: #FFF;
	background-color: #589BBE;
	border: 1px solid #589BBE;
	text-decoration: none;
}

/* Locations page styles  */
 ul.fiveColumn {
	list-style: none;
	border-bottom: 1px solid #E8E8E8;

	clear: left;
	float: left;
	margin-bottom: 20px;
	padding: 0;
	width: 100%;
}
 ul.fourColumn, .contentColumn ul.threeColumn {
	list-style: none !important;
	border-bottom: 1px solid #E8E8E8;
	border-top: 1px solid #E8E8E8;
	clear:both;
	margin-bottom: 20px;
	padding: 0;
	padding-left: 0 !important;
	width: 100%;
	float:left;
	list-style-type: none;
	webkit-padding-start: 0px !important;
	-webkit-margin-before: 0px;
}

ul.fourColumn li a IMG:first-of-type {
	width:100%; height:auto;
}

ul.fourColumn li, ul.fiveColumn li {
	background-image: none !important;
	border-left: 1px solid #E8E8E8;
	display: inline;
	float: left;
	padding: 0px 0.5% 10px 0.5% !important;
	position: relative;
	width: 23.4%;
}
ul.threeColumn li {
	width: 200px;
}
ul.fiveColumn li {
	padding: 15px 14px;
}
ul.fourColumn li:first-child, ul.fourColumn li.first-child, ul.fiveColumn li:first-child, ul.fiveColumn li.first-child {
	padding: 0px 1%;
	padding-left: 0px;
	border-left: 0;
}
ul.fourColumn li ul, ul.fiveColumn li ul {
	margin-top: 10px;
	margin-left: 0px;	
	-webkit-padding-start: 0px !important;
}
ul.fourColumn li ul li.arrow, ul.fiveColumn li ul li.arrow {
	padding: 0px 0px 0px 15px !important;
	background-image: url("/Style Library/Images/UCSD/bulletA_arrow.png") !important;
	background-repeat:no-repeat;
	background-position:0px 5px;
	border-left: none !important;
	margin: 0;
	display: block;
	font-size: 14px;
	clear: both;
	width: 99%;
}
.address {
	font-style: normal;
}
.callOut {
	background-color: #BDDEF4;
	padding: 10px;
	text-align: center;
}
.callOutHalf {
	margin-top:10px;
	width:46%;
	background-color: #BDDEF4;
	padding: 2%;
	text-align: center;
}
.callOutThird {
	margin-top:10px;
	width:30%;
	background-color: #BDDEF4;
	padding: 2%;
	text-align: center;
}


.caption {
	font-size: 11px;
	font-family: Univers, sans-serif;
	line-height: normal;
	position:relative;
	display:block;
	width:auto;
}
.deptAddress {
	line-height: normal;
	padding: 10px 0;
	width: 100%;
	float: none;
	text-align: center;
}

/* Left Justified Bullets */

ul.leftJustified {
	padding-left: 0px;
}
ul.leftJustified ul {
	padding-left: 0px;
}

#WebPartWPQ4 {overflow:inherit !important}
/*  Drop Cap: News  */
#newsReleaseContent .ms-rtestate-field P:first-child:first-letter { 
	float: left; 
	color: #0067ac; 
	font-size: 75px; 
	line-height: 60px; 
	padding-top: 4px; 
	padding-right: 8px; 
	padding-left: 3px; 
	font-family: UniversBold, sans-serif;
	font-weight:normal;
	font-style: normal;
 }
 
#newsReleaseContent TABLE P.caption:first-letter, 
#newsReleaseContent table  p:first-letter { 
	float:none !important; 
	font-size: 11px !important;
    font-family: Univers, sans-serif;
	color: #0067ac; 
	padding-top: 0; 
	padding-right: 0; 
	padding-left: 0; 
	line-height: 120%; 
	font-weight:normal;
	font-style: normal;
 }

/* div.tabs-graphic */

div.tabs-graphic #tabsNavigation {
	padding-bottom: 20px;
	margin-bottom: 10px;
}

div.tabs-graphic #tabsNavigation div {
}

div.tabs-graphic #tabsNavigation a {
	width: 165px;
	height: 270px;
	margin: 0 0 0 40px;
	padding: 0;
	display: block;
	background: #f8f8f8;
	border: 1px solid #ccc;
	border-radius: 10px;
	color: #4d4d4f;
	text-align: left;
	position: relative;
	z-index: 0;
}
div.tabs-graphic #tabsNavigation a.active {
	font-weight: normal;
}
div.tabs-graphic #tabsNavigation span.tab-heading {
	width: 145px;
	padding: 5px 10px;
	display: block;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
}
div.tabs-graphic #tabsNavigation span.tab-graphic {
	width: 90px;
	height: 90px;
	display: block;
	margin-left: 37px;
}
div.tabs-graphic #tabsNavigation.cancer-prevention span.tab-graphic {
	background: url("/patients/billing/PublishingImages/icons-graphic-tabs-cancer-prevention.png");
}
div.tabs-graphic #tabsNavigation span#tab-one {
	background-position: left top;
}
div.tabs-graphic #tabsNavigation span#tab-two {
	background-position: left -90px;
}
div.tabs-graphic #tabsNavigation span#tab-three {
	background-position: left -180px;
}
div.tabs-graphic #tabsNavigation span.tab-info {
	width: 145px;
	padding: 5px 10px;
	display: block;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}
div.tabs-graphic #tabsNavigation span.tab-more {
	width: 115px;
	height: 28px;
	display: block;
	font-size: 14px;
	line-height: 27px;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 25px;
	background: #539abf;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	z-index: 2;
}
div.tabs-graphic #tabsNavigation a span.selected {
	display: none;
	width: 90px;
	height: 20px;
	position: absolute;
	bottom: -20px;
	left: 37px;
	z-index: 1;
}
div.tabs-graphic #tabsNavigation.cancer-prevention a span.selected {
	background: url("/patients/billing/PublishingImages/icons-graphic-tabs-cancer-prevention.png");
	background-position: left bottom;
}
div.tabs-graphic #tabsNavigation a.active span.selected {
	display: block;
}
div.tabs-graphic .tabsGroup {
	padding: 0;
	border: none;
}

.floatNavFaculty #rightContainer IMG {
	float:left;
	margin: 0 2% 0 0;
}

.floatNavFaculty #rightContainer .Title {
	font-family:'UniversBold'
}


/* GLOBAL */
#clearer {
	clear: both;
}
#DeltaPlaceHolderMain .clr {
 clear:none;
}
#DeltaPlaceHolderMain .contentColumn .clr {
	width: 1px;
	height: 1px;
	margin-left: -1px;
	margin-bottom: -1px;
	font-size: 1px;
	clear: both;
	line-height: 1px;
}


#DeltaPlaceHolderMain .contentColumn .clear {
	clear: both;

}


.left {
	float: left;
}
.right {
	float: right;
}
.tiled {
	float: left; width:100%;
}

.tiled A, .tiled DIV, .tiled SPAN {
	display:block;
	float: left;
	width: 25%;
	padding-bottom: 30%;
	color: #FFF;
	position: relative;
	margin-bottom:2%;
}
.tiled A * {
	position: absolute;
	text-align: center;
	width: 96%;
	margin: 0 2%;
}

.tiled:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.tiled img {
	border: #cccccc 1px solid;
	margin: 0 3% 19px 0;
	float: left;
}

.wingdings {
	font-family: Webdings;
}
.icons {
	display: inline-block;
	font-family: icons;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.link-dark, A.link-dark {
	color: #00225E;
	text-decoration: underline;
}
.arrow {
	text-decoration: none;
}
.bullet-green-arrow {
	width: 10px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
	background: url("/Style Library/Images/UCSD/health-master-sprite.png") -990px -399px no-repeat;
}
.bullet-blue-arrow {
	width: 10px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
	background: url("/Style Library/Images/UCSD/health-master-sprite.png") -990px -399px no-repeat;
}

#pageBottom {
	position: relative;
	height: 9px;
	font-size: 1px;
	line-height: 1px;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#blockquote, .blockquote {
	margin-left: 20px;
}

.alignRight {
	float: right;
	padding: 10px 0px 10px 10px;
	position: relative;
	max-width: 100%;
}

.alignLeft {
	float: left;
	padding: 10px 10px 10px 0px;
	position: relative;
	max-width: 100%;
}
#tabsNavigation a.tabsBtn {
	font-size:15px !important;
}

/* overrides core style so RSS Feed Web Part text rendering matches rest of site  */
.ms-WPBody {
	font-size: 15px;
	font-family: 'UniversLight', sans-serif;
}
td.UCSDformsText {
	font-size: 15px;
	font-family: 'UniversLight', sans-serif;
}
/* additional stying for SharePoint class for PDF icons  */
.ms-asset-icon {
	vertical-align: middle;
}
/*  For the SEO Edit Panel on PageLayouts - No Need to Edit this    */

#SEOPanel{
	width:945px; margin: 20px auto; padding:0px 10px;
	background: #EEE; float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; border: solid 1px #aaa;
}

#SEOPanel label {
	display:inline-block; margin: 0 0 15px 0; clear:both; color:gray;
}
#SEOPanel H3 {
  color: #333;
  font-size: 17px;
  font-family: UniversBold;
  font-weight: normal;
  padding: 10px 0;
  margin: 0px;
  display: block;
	
}

#SEOPanel input, #SEOPanel textarea,  #SEOPanel select {
	border: 0px;
	width:98%
	
}

#SEOPanel .ms-long .ms-input SELECT {
	width:40%;
}

#ctl00_PlaceHolderSEOPanel_SEOeditmodepanel_ctl08_ctl00_SelectCandidate, #ctl00_PlaceHolderSEOPanel_SEOeditmodepanel_ctl08_ctl00_SelectResult {
	width:400px !important; border: solid 1px #CCC !important;
}
#ctl00_PlaceHolderSEOPanel_SEOeditmodepanel_ctl07_ctl00_BooleanField {margin:3px;}
#ctl00_PlaceHolderSEOPanel_SEOeditmodepanel_ctl07_ctl00_BooleanField:after {content: 'Check box to disable translation';padding-left:30px; color:#444;}
#SEOSocialMedia input[type="radio"] {float:left; width:20px;margin:3px;}
#SEOSocialMedia label {margin: 0 0 2px 0;}

table.seoPanel {
	background: #EDEDED;
	font-size: 11px;
	margin: 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
table.seoPanel td {
	padding: 5px 10px;
	line-height: 18px;
}
td.seoPanelTitle {
	background-color: gray;
	color: white;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	z-index: 1;
}
table.seoPanel h3 {
	color: #00245D;
	border-bottom: 1px solid #00245D;
	line-height: 22px;
}
table.seoPanel hr {
	color: #00245D;
}


/*  Temporary styles to use in for the health.ucsd.edu templates that were migrated     */
.headlineImg {
	float: right;
	width: 155px;
}

/* Standard Table Style */
.health-system, .contentColumn TABLE {

	border-collapse: collapse; width:99%;
}

.health-system tr.health-systemTableHeaderRow-1, .contentColumn TABLE TH {
	color: #ffffff !important ;
	background: #0067ac !important;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}
.contentColumn .highlight {
	width: 100%;
	clear: both;
	float: left;
	padding: 5px 0;
	border-bottom: solid 1px #CCC;
	margin-bottom: 10px;
}
.contentColumn .highlight-img {
	width: 25%;
	float: left;
	margin-right: 2%;
}
.contentColumn .highlight-img IMG {
	width: 100%;
	
}
.contentColumn .highlight-img A {
	background:none !important;
	padding-left:0px !important;
	
}


#cbqwp .highlight-img IMG , #cbqwp .highlight-img {
	max-width: 200px;
	margin-bottom:5px;
}



.contentColumn .highlight-content {
	float: left;
	width: 60%;
	font-size:14px;
}
.contentColumn .highlight-content H3, .contentColumn .highlight H2.highlight-title {
	margin: 0 0 5px 0;
	padding:0;
	font-size:15px;
	line-height:100%;
	font-family:Univers;
	font-weight:normal;
}

/* Buttons */
/* doc link background images for specific file types */
.contentColumn a[href$='.pdf'] {
	background: transparent url('https://assets.ucsd.edu/img/icon/icpdf.gif') top left no-repeat;
	display: inline-block;
	padding-left: 20px;
}
.contentColumn a[href$='.docx'] {
	background: transparent url("https://assets.ucsd.edu/img/icon/icdocx.gif") top left no-repeat;
	display: inline-block;
	padding-left: 20px;
}
.contentColumn a[href$='.doc'] {
	background: transparent url(https://assets.ucsd.edu/img/icon/icdoc.gif) top left no-repeat;
	display: inline-block;
	padding-left: 20px;
}
.contentColumn a[href$='.xlsx'] {
	background: transparent url(https://assets.ucsd.edu/img/icon/icxls.gif) top left no-repeat;
	display: inline-block;
	padding-left: 20px;
}
.contentColumn a[href$='.xls'] {
	background: transparent url(https://assets.ucsd.edu/img/icon/icxls.gif) top left no-repeat;
	display: inline-block;
	padding-left: 20px;
}
.contentColumn a[href$='.pptx'] {
	background: transparent url(https://assets.ucsd.edu/img/icon/icpptx.gif) top left no-repeat;
	display: inline-block;
	padding-left: 20px;
}
.contentColumn a[href$='.ppt'] {
	background: transparent url(https://assets.ucsd.edu/img/icon/icppt.gif) top left no-repeat;
	display: inline-block;
	padding-left: 20px;
}
.contentColumn a[href$='.ppt'].noShow {
	background: none;
	display: inline-block;
	padding-left: 0px;
}
.contentColumn a[href$='.pptx'].noShow {
	background: none;
	display: inline-block;
	padding-left: 0px;
}
.contentColumn a[href$='.xls'].noShow {
	background: none;
	display: inline-block;
	padding-left: 0px;
}
.contentColumn a[href$='.xlsx'].noShow {
	background: none;
	display: inline-block;
	padding-left: 0px;
}
.contentColumn a[href$='.doc'].noShow {
	background: none;
	display: inline-block;
	padding-left: 0px;
}
.contentColumn a[href$='.docx'].noShow {
	background: none;
	display: inline-block;
	padding-left: 0px;
}
.contentColumn a[href$='.pdf'].noShow {
	background: none;
	display: inline-block;
	padding-left: 0px;
}
#LatestEventsWrapper table td.ms-vb {
	color: #666;
	font-family: Univers;
	font-size: 12px;
	line-height: 17px;
	padding: 2px 5px;
}


a.btn-gray {height:24px;padding:0 10px;margin:5px 0;font-size:12px;font-weight:normal;line-height:24px;color:#666;background:#e8e8e8;border:1px solid #8f9092;display:block;}
a.btn-gray.prev {padding-left:32px;margin-right:10px;background:#e8e8e8 url("https://assets.ucsd.edu/css/images/btn-next-prev-arrows-gray.gif") 0 0 no-repeat !important;float:left;}
a.btn-gray.next {padding-right:32px;margin-left:10px;background:#e8e8e8 url("https://assets.ucsd.edu/css/images/btn-next-prev-arrows-gray.gif") right -24px no-repeat !important;float:right;}

A.buttonBox, A.buttonBox:visited {
	 background-color:#499fbc  !important; padding:7px 30px 5px 10px  !important; color:#FFF !important; font-family:UniversLight !important; float:none;
	 background-image:url('https://assets.ucsd.edu/img/icon/icon_PulseArrowBox.png') !important; 
	 background-repeat:no-repeat  !important;background-position: right center  !important;
}

A.buttonBox.smalltext {
	 background-color:#499fbc; padding:7px 30px 5px 5px; color:#FFF; float:left; clear:both;
	 font-size:12px;
	 background-repeat:no-repeat;background-position: right center;
}

a.blueButtonShort:visited {
	min-width: 75px;
	max-width: 630px;
	width: auto;
	height: 21px;
	padding: 4px 25px 0px 8px;
	display: inline-block;
	font-family: Univers;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	color: #fff !important;
	background: url("https://assets.ucsd.edu/css/images/btn-blue-light.png");
	background-position: right top;
	margin: 8px 0;
	overflow: hidden;
}
a.blueButtonShort:link {
	min-width: 75px;
	max-width: 630px;
	width: auto;
	height: 21px;
	padding: 4px 25px 0px 8px;
	display: inline-block;
	font-family: Univers;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	color: #fff !important;
	background: url("https://assets.ucsd.edu/css/images/btn-blue-light.png");
	background-position: right top;
	margin: 8px 0;
	overflow: hidden;
}
a.blueButton180:visited {
	min-width: 75px;
	max-width: 630px;
	width: auto;
	height: 21px;
	padding: 4px 25px 0px 8px;
	display: inline-block;
	font-family: Univers;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	color: #fff !important;
	background: url("https://assets.ucsd.edu/css/images/btn-blue-light.png");
	background-position: right top;
	margin: 8px 0;
	overflow: hidden;
}
a.blueButton180:link {
	min-width: 75px;
	max-width: 630px;
	width: auto;
	height: 21px;
	padding: 4px 25px 0px 8px;
	display: inline-block;
	font-family: Univers;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	color: #fff !important;
	background: url("https://assets.ucsd.edu/css/images/btn-blue-light.png");
	background-position: right top;
	margin: 8px 0;
	overflow: hidden;
}
a.blueButtonLong:visited {
	min-width: 75px;
	max-width: 630px;
	width: auto;
	height: 21px;
	padding: 4px 25px 0px 8px;
	display: inline-block;
	font-family: Univers;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	color: #fff !important;
	background: url("https://assets.ucsd.edu/css/images/btn-blue-light.png");
	background-position: right top;
	margin: 8px 0;
	overflow: hidden;
}
a.blueButtonLong:link {
	min-width: 75px;
	max-width: 630px;
	width: auto;
	height: 21px;
	padding: 4px 25px 0px 8px;
	display: inline-block;
	font-family: Univers;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	color: #fff !important;
	background: url("https://assets.ucsd.edu/css/images/btn-blue-light.png");
	background-position: right top;
	margin: 8px 0;
	overflow: hidden;
}
.blueButtonShort a:visited {
	min-width: 75px;
	max-width: 630px;
	width: auto;
	height: 21px;
	padding: 4px 25px 0px 8px;
	display: inline-block;
	font-family: Univers;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	color: #fff !important;
	background: url("https://assets.ucsd.edu/css/images/btn-blue-light.png");
	background-position: right top;
	margin: 8px 0;
	overflow: hidden;
}
.blueButtonShort a:link {
	min-width: 75px;
	max-width: 630px;
	width: auto;
	height: 21px;
	padding: 4px 25px 0px 8px;
	display: inline-block;
	font-family: Univers;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	color: #fff !important;
	background: url("https://assets.ucsd.edu/css/images/btn-blue-light.png");
	background-position: right top;
	margin: 8px 0;
	overflow: hidden;
}
.blueButton180 a:visited {
	min-width: 75px;
	max-width: 630px;
	width: auto;
	height: 21px;
	padding: 4px 25px 0px 8px;
	display: inline-block;
	font-family: Univers;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	color: #fff !important;
	background: url("https://assets.ucsd.edu/css/images/btn-blue-light.png");
	background-position: right top;
	margin: 8px 0;
	overflow: hidden;
}
.blueButton180 a:link {
	min-width: 75px;
	max-width: 630px;
	width: auto;
	height: 21px;
	padding: 4px 25px 0px 8px;
	display: inline-block;
	font-family: Univers;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	color: #fff !important;
	background: url("https://assets.ucsd.edu/css/images/btn-blue-light.png");
	background-position: right top;
	margin: 8px 0;
	overflow: hidden;
}
.blueButtonLong a:visited {
	min-width: 75px;
	max-width: 630px;
	width: auto;
	height: 21px;
	padding: 4px 25px 0px 8px;
	display: inline-block;
	font-family: Univers;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	color: #fff !important;
	background: url("https://assets.ucsd.edu/css/images/btn-blue-light.png");
	background-position: right top;
	margin: 8px 0;
	overflow: hidden;
}
.blueButtonLong a:link {
	min-width: 75px;
	max-width: 630px;
	width: auto;
	height: 21px;
	padding: 4px 25px 0px 8px;
	display: inline-block;
	font-family: Univers;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	color: #fff !important;
	background: url("https://assets.ucsd.edu/css/images/btn-blue-light.png");
	background-position: right top;
	margin: 8px 0;
	overflow: hidden;
}
a.blueButtonShort:focus {
	background-position: right -25px;
	text-decoration: underline;
}
a.blueButtonShort:hover {
	background-position: right -25px;
	text-decoration: underline;
}
a.blueButton180:focus {
	background-position: right -25px;
	text-decoration: underline;
}
a.blueButton180:hover {
	background-position: right -25px;
	text-decoration: underline;
}
a.blueButtonLong:focus {
	background-position: right -25px;
	text-decoration: underline;
}
a.blueButtonLong:hover {
	background-position: right -25px;
	text-decoration: underline;
}
.blueButtonShort a:focus {
	background-position: right -25px;
	text-decoration: underline;
}
.blueButtonShort a:hover {
	background-position: right -25px;
	text-decoration: underline;
}
.blueButton180 a:focus {
	background-position: right -25px;
	text-decoration: underline;
}
.blueButton180 a:hover {
	background-position: right -25px;
	text-decoration: underline;
}
.blueButtonLong a:focus {
	background-position: right -25px;
	text-decoration: underline;
}
.blueButtonLong a:hover {
	background-position: right -25px;
	text-decoration: underline;
}

a.btnBlueLight,a.btnBlueLight:link, a.btnBlueLight:visited {
	min-width: 75px;
	max-width: 630px;
	display:inline-block;
	width: auto;
	background-color:#0067ac; 
	padding:10px 28px 10px 10px; 
	color:#FFF !important; 
	line-height:100%;
	background-image:url('https://assets.ucsd.edu/img/icon/icon_PulseArrowBox.png'); 
	background-repeat:no-repeat;
	background-position: right center;
	margin:5px 0 5px 0;
}

/* Boxes and Callouts */
.topRightImage {
	padding: 0;
}
.rightTextBox, .rightColumn {
	font-size:13px
}
.rightTextCol {
	width: 28%;
	padding: 0 0 20px 2%;
	float: right;
	font-size:13px;
	line-height:130%;
}
.rightTextCol P, .rightText P, .rightColumn P, .bottomRightColumn P  {
	font-size: 13px; font-family:UniversLight;
}
.rightText h1, .rightTextCol H1, .rightColumn h1, , .bottomRightColumn h1 {
	color: #333;
	font-size: 16px;
	font-family: UniversBold;
	font-weight:normal;
	margin: 0;
}
.rightText h2, .rightTextCol H2, .rightColumn h2, .bottomRightColumn h2 {
	display: block;
	color: #333;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 12px;
	margin-top: 25px;
}

.rightText h3, .rightColumn h3, .rightTextCol H3, .bottomRightColumn h3 {
	display: block;
	color: #333;
	font-size: 14px;
	font-family: UniversBold;
	font-weight:normal;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin: 15px 0 12px 0;
}
 .bottomRightColumn h3 {
	margin-top: 0px;
}

.rightText ul, .rightColumn ul, .rightTextBox ul, .centerColumn .rightTextBox ul {
	padding: 0 0 0 0;
	margin: 0 0 8px 2%;
	list-style: none;
	font-size: 13px;
	font-family: UniversLight;
	-webkit-padding-start: 0px !important;

}
.rightText ul li, .rightColumn ul li, .centerColumn .rightTextBox ul li {
	padding: 0 0 5px 15px;
	margin: 0;
	background: url("/Style Library/Images/UCSD/icoArrowBlueRight.png") 4px 4px no-repeat;
	line-height: 150%;
}
.rightColumnBoxed {
	width: 184px;
	left: 0px;
	min-height: 350px;
	height: auto !important;
	margin-top: 30px;
	background: #eee;
}
.rightTextBoxed {
	padding: 0 10px;
	line-height: 18px;
}
.rightTextBoxed h1 {
	color: #333;
	font-size: 14px;
	font-family: UniversBold;
	font-weight:normal;
	margin: 0;
}
.rightTextBoxed h3 {
	color: #333;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 8px;
}
.rightTextBoxed ul, #specialtiesHomeBottom ul {
	padding: 10px 0 0 10px;
	margin: 0 0 8px 0;
	list-style: none;
}
.rightTextBoxed ul li,  #specialtiesHomeBottom ul li {
	padding: 0 0 10px 15px;
	text-indent: 0px;
	margin: 0;
	background-image: url("/Style Library/Images/UCSD/bulletA_arrow.png");
	background-repeat:no-repeat;
	line-height: 18px;
}
.rightTextBoxed ul li:before {
	content: none;
	padding: 0 0 0 0;
}
.callOut2Col {
	padding: 2%;
	width: 96%;
	margin: 0 0 10px 0;
	float:left;
	clear: both;
	line-height: 18px;
	background: #efefef;
	border: 1px solid #b2b1b1;
	position:relative;
}
.callOut2Col h1 {
	color: #4D4D4F;
	font-size: 25px;
	font-family: UniversBold;
	font-weight:normal;
	margin: 0;
}
.callOut2Col h3 {
	color: #4D4D4F;
	font-size: 13px;
	font-family: UniversBold;
	font-weight:normal;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 8px;
}
.callOut2Col ul li {
	padding: 0 0 0 15px;
	margin: 0;
	background: url("https://health.ucsd.edu/Style Library/Images/UCSD/health-master-sprite.png") -990px -395px no-repeat;
	line-height: 18px;
}
.callOut2Col ul {
	padding: 0 0 0 10px;
	margin: 0 0 8px 0;
	list-style: none;
}


.callOut3Col h1 , .callOutFullWidth H1 {
	color: #4D4D4F;
	font-size: 16px;
	font-family: UniversBold;
	font-weight:normal;
	margin: 0;
}
.callOut3Col h3 ,  .callOutFullWidth H3 {
	color: #4D4D4F;
	font-size: 17px;
	font-family: UniversBold;
	font-weight:normal;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom:10px;
	margin-top:-5px;

}
.callOut3Col ul li {
	padding: 0 0 0 15px;
	margin: 0;
	background: url("https://health.ucsd.edu/Style Library/Images/UCSD/health-master-sprite.png") -990px -395px no-repeat;
	line-height: 18px;
}
.callOut3Col ul {
	padding: 0 0 0 10px;
	margin: 0 0 8px 0;
	list-style: none;
}

.callOutBorderOnly UL {
	-webkit-padding-start: 0px !important;
	padding-left:0px;
}

#you_tube_container {
	width: 475px;
	height: 473px;
	padding: 10px;
	background: #63B1E5 !important;
	overflow: hidden;
	clear: both;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.TwoColGrid {
	width: 48%; float:left;
	padding:1%; 
	display:block;
	text-align:center;
}

.FourColGrid {
	width: 23%; float:left;
	padding:1%; 
	display:block;
	text-align:center;
}

.ThreeColGrid {
	width: 30%; float:left;
	padding:1%; border: solid 1px #000; background-color:#EEE;
	display:block;
	text-align:center;
}

.FourColGrid.aLeft, .ThreeColGrid.aLeft, .TwoColGrid.aLeft {
	text-align:left;
}

.FourColGrid.aRight, .ThreeColGrid.aRight, .TwoColGrid.aRight {
	text-align:right;
}


.GridArea {
	width:100%;
	display:table;
	clear:both;
}

.GridArea.left DIV {
	text-align:left;
}

.rightTextBox h1, .rightTextCol h1 {
	color: #333;
	font-size: 16px;
	font-family: UniversBold;
	font-weight:normal;
	margin: 0;
}

.rightTextBox {
	width: 28%;
	color: #333;
	font-size: 13px;
	font-family: Univers;
	font-weight:normal;
	padding: 10px 2%;
	margin: 0 0 20px 2%;
	float: right;
	line-height: 150%;
	background: #efefef;
	border: 1px solid #b2b1b1;
}

.rightTextBoxGreenWhite {
	width: 33%;
	padding: 0px 10px 10px 10px;
	margin: 10px 0px 20px 20px;
	float: right;
	line-height: 150%;
	background: #fff;
	border: 1px solid #63b1e5;
}
.fullWidthHeadline{
	width:620px;
	display:block;
}

.leftTextBoxBorderless, .callOutBorderOnly {
	width: 33%;
	padding: 0px 10px 10px 10px;
	margin: 10px 10px 10px 0px;
	float: left;
	line-height: 150%;
	background: #fff;
	border: 1px solid #FFF;
}

.leftTextBox {
	width:64%;
	margin: 10px 0 0 0;
}

.borderBrightBlue {
	border: 1px solid #63b1e5;
}


.rightTextCol .rightTextBox {
	width: 90%;
	padding: 5px 3%;
	margin: 10px 2% 10px 2%;

}
.rightTextBox h3, .rightTextCol h3 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 8px;
	margin-top:5px;
	color: #333;
	font-size: 14px;
	font-family:UniversBold;
	font-weight:normal;
	display: block;
}
.rightTextBoxGreenWhite h1 {
	font-size: 16px;
	font-family: UniversBold;
	font-weight:normal;
	margin: 0;
}

.rightTextBoxGreenWhite h3 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 8px;
}

.contentLeft {
	width: 70%;
	float: left;
}

.contentLeftBox {
	width: 70%;
	float: left;
}
.centerNewsColumn{
	width: 46%;
	height: auto;
	float: left;
	display:block;
	position: relative;
}
.centerNewsColumn.releases{
	padding: 0 2% 0 0;
}

.centerNewsColumn.features{
	padding: 0 0 0 2%;
}


.centerNewsColumn #newsShareButtons .addthis_toolbox.addthis_default_style.addthis_32x32_style {
	float:right;
}

.centerNewsColumn #newsShareButtons {
 
	float: right;
	padding: 0;
	margin-top: 20px;


}

.centerNewsColumn #newsShareButtons .at-share-tbx-element .at-share-btn .at300bs, .centerNewsColumn #newsShareButtons .addthis_toolbox.addthis_32x32_style A{
	display: inline-block;
	margin-left: 10px;
}

 .centerNewsColumn #newsShareButtons .addthis_follow_label{
	display:none;
}
/* Columns */

.threeColumns .column {
	width: 31%;
	float: left;
	padding-right: 2%;
}
.threeColumns .lastColumn {
	width: 33%;
	padding-right: 0px;
	float: left;
}

/* Med Center Columns */

.medSpec-col-first{
	width: 32% ;
	margin-left: 0px  ;
	margin-right: 1%  ;
	float:left;		 
}

.medSpec-col-additional{
	width: 32% ;
	margin-left: 0px;
	margin-right: 1%  ;
	float:left;
}

ul.catagory{
	font-size: 14px;
	line-height: 140%;
}

ul.catagory UL {
	padding-left: 10px;
	-webkit-padding-start: 10px !important;
	padding-top: 0px !important;
}

/*  Call Out Links */

div.call-out-links a, div.tabs-graphic #tabsNavigation a {
	width: 165px;
	height: 270px;
	margin: 0 0 0 40px;
	padding: 0;
	display: block;
	background: #f8f8f8;
	border: 1px solid #ccc;
	border-radius: 10px;
	color: #4d4d4f;
	text-align: left;
	position: relative;
	cursor: pointer;
	z-index: 0;
}

div.call-out-links a {
	width:28%;
	height: 180px;
	margin: 10px 0 10px 2%;
	float: left;
	text-decoration: none;
}

div.call-out-links span.tab-heading, div.tabs-graphic #tabsNavigation span.tab-heading {
	width: auto;
	padding: 5px 10px;
	display: block;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
}

div.call-out-links span.tab-info, div.tabs-graphic #tabsNavigation span.tab-info {
	width: auto;
	padding: 5px 10px;
	display: block;
	font-size: 15px;
	line-height: 18px;
	text-align: left;
}

div.call-out-links span.tab-more, div.tabs-graphic #tabsNavigation span.tab-more {
	width: 80%;
	height: 28px;
	display: block;
	margin: 0 auto;
	font-size: 14px;
	line-height: 27px;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 10%;
	background: #5DAFE7;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	z-index: 2;
}

/* Profile Listing */

.profile_row {
	clear: both;
	float: left;
	width: 100%;
	margin: 0px 0 10px 0;
	border-bottom: solid 1px #DDD;
}
.profile_row H3 {
	margin: 0 0 5px 0;
}
.profile_img {
	padding: 5px 15px 10px 0;
	float: left;
	width:40%;
	
}

.profile_img IMG {
	width:100%;
	height: auto;

}

.profile_introtext {
	margin-bottom:5px;
	display:table;
}

A.profile_readmore {
	display: block;
	float:right;
	width:100%;
	text-align: right;
	padding: 0 0 0 0;
}


/* Article Listing */

.article_row {
	clear: both;
	float: left;
	width: 100%;
	margin: 0px 0 10px 0;
	border-bottom: solid 1px #DDD;
}
.article_row H3 {
	margin: 0 0 5px 0;
}
.article_img {
	padding: 5px 15px 10px 0;
	float: left;
	width:15%;
	min-width: 134px;
}

.article_img IMG {
	width:95%;
	height: auto;
}

.article_introtext {
	margin-bottom:5px;
		display:table;
}

A.article_readmore {
	display: block;
	float:right;clear:both;
	text-align: right;
	padding: 0 0 0 0;
}



/* Content Blocks */

.contentBlock {
	margin: 10px 0 20px 0;
	padding: 5px 10px;
	overflow: hidden;
	background: #f2f2f2;
	border: 1px solid #c5c4c0;
	border-radius: 5px;
}
.contentBlockTwoCol {
	margin: 0 0 10px 0;
	padding: 5px 2%;
	width: 96%;
	overflow: hidden;
	background: #f7f7f7;
	border: 1px solid #efefef;
	border-radius: 5px;
}
.contentBlockThreeCol {
	margin: 0;
	padding: 5px 10px;
	width: 475px;
	overflow: hidden;
	background: #f7f7f7;
	border: 1px solid #efefef;
	border-radius: 5px;
}

.contentBlock H3 {
	display:block; font-size:16px; white-space:normal;margin: 5px 0 5px 0; color:#0067AC !important;
}

.contentBlock P {

	padding: 5px 0 4px 0;
 }

.backToTop {
	text-align: right;
	padding-top: 5px;
}
.backToTop a {
	font-size: 11px;
}
.green-arrow-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	background: url("/Style Library/Images/UCSD/health-master-sprite.png") -990px -400px no-repeat;
}
#LatestEventsWrapper table td.ms-vb a {
	color: #569BBE;
}

/* Faculty */

div.floatNavFaculty #leftContainer, div.floatNav #leftContainer {
	padding: 0px;
	margin-right: 5%;
	width: 25%;
	float: left;
}

div.floatNavFaculty #rightContainer , div.floatNav #rightContainer{
	width: 70%;
	float: left;
	height: 100%;
}



div.floatNav #leftContainer ul, .poem2Col #leftContainer  ul {
	padding-left: 0px;
}

div.floatNav #leftContainer ul li, .poem2Col #leftContainer  ul li {
	padding: 0 0 10px 20px;
	margin: 0;
	background: url("/Style Library/Images/UCSD/health-master-sprite.png") -985px -392px no-repeat;
}

.poem2Col #leftContainer {
	float:left; width:40%;
	font-size:14px;
}


.poem2Col #rightContainer {
		float:left; text-align:center;
		width:60%;
}

.poem2Col .tabsGroup {
    padding: 0px;
    margin:0px;
    border:none;
    width:100%; 
    float:left;
}


/* tooltip styles */

.tooltip {
	background: #E8E8E8;
	border: 1px solid #569BBE;
	padding: 5px 8px;
	width: auto !important;
	min-width: 100px;
	max-width: 180px;
	display: none;
	color: #333;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Verdana, Helvetica;
	-moz-box-shadow: 0 0 10px #000; /* drop shadow - does not work in IE */;
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}
.tooltipHTML {
	background: #E8E8E8;
	border: 1px solid #569BBE;
	padding: 5px 8px;
	width: auto !important;
	display: none;
	color: #333;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Verdana, Helvetica;
	-moz-box-shadow: 0 0 10px #000; /* drop shadow - does not work in IE */;
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}
/* WebPart Title Override */
h3.ms-WPTitle {
	border-bottom: 1px solid #ccc;
	color: #2d84af;
	font-size: 15px;
	margin: 12px 0 3px;
	padding-bottom: 2px;
	font-weight:normal;
	font-family: UniversBold;
}
.ms-WPHeader td {
	border-bottom: none;
}
.siteOffCanvasCloseNav {
	display: none;
}


/*   LANDING SPECIALITIES RESPONSIVE  */

.landingSpecialties #headingArea {
    width:100%;
    position:relative;          
}

.landingSpecialties #mainHeading {
    width:auto;
    padding-right:15px;
    float:left;
}

.landingSpecialties #topRightSection {
    width:auto;
    float:right;
    text-align:right;
    padding:11px 0px 10px 0px;      
}

/* LandingThreeCol Style*/

.landingSpecialties #landingHomeTop {
    min-height:200px;
    width:680px;
    float:left;
    height:auto !important;
    margin:0;
    padding:0 0 10px 0;
    position:relative;
    line-height: 20px;
}

.landingSpecialties #specialtiesHomeTop {
    width:100%;
    float:left;
    height:auto !important;
    margin:0;
    padding:0;
    position:relative;
    line-height: 150%;
}
#specialtiesHomeTop H2 {
	display:inline; 		
				
}
.landingSpecialties #specialtiesMainImage, .landingSpecialties #specialtiesHomeTop IMG.alignRight {
    float:right;
    width:450px;
    max-width:50%;
    height:auto;
    padding: 0 0 20px 3%;
}

.landingSpecialties #specialtiesMainImage img {
    border:1px solid #ccc;
    width:100%; height:auto;
}

.landingSpecialties #welcomeMessage {
    float:left;
    width:60%;
    padding:0 3% 10px 0;
}

.landingSpecialties #specialtiesHomeBottom {

    width:100%;
    float:left;
    height:auto !important;
    line-height: 150%;
    position:relative;
}

.landingSpecialties #specialtiesHomeBottom h2 {
    color: #333;
    margin: 0 0 0 0;
	font-family: Univers;
	font-weight:normal;
    font-size:19px;
    text-decoration:none;
 
}

.landingSpecialties #specialtiesHomeBottom h2, .landingSpecialties #specialtiesHomeBottom h3.ms-standardheader {
    padding: 0 0 2px 0;
    margin: 20px 0 5px 0;
	border-bottom: 1px solid #ccc;
	text-transform:none;
}

.landingSpecialties #specialtiesHomeBottom  img  {
	margin:0 0 5px 0;
}

.landingSpecialties #specialtiesHomeBottom H2 img, .landingSpecialties #specialtiesHomeBottom A img  {
	 display:inline; margin: 0 0 0 0;
}


.landingSpecialties #specialtiesHomeBottom h3 , .landingSpecialties #specialtiesHomeBottom h3 A {
    color:#333;
    font-size:14px;
    line-height:21px;
    padding:0px;
    margin-bottom:0px;
    margin-top:0px;
    text-transform:uppercase;
}

/* Mega News Feed Compact */

.landingSpecialties #homeColumnRight .compact .megaNewsItem {
    padding-bottom:6px;
}

.landingSpecialties #homeColumnRight .compact .megaNewsHeading {
    color:#2d84af;
    padding:0 0 2px;
    margin:14px 0 7px;
    font-size:15px;
    border-bottom:1px solid #ccc;
}

.landingSpecialties #homeColumnRight .compact .megaNewsItemDate {
    display:none;
}

.landingSpecialties .megaNewsItem {
	margin-bottom: 10px;
	border-bottom: none;
}
.landingSpecialties .compact  {
    background:transparent;
    padding-left:0px;
    width:auto;
    margin: 0;
}

.form-panel .form-row .form-col:nth-child(3) SPAN {
	margin-left: 15px;
    padding-top: 7px;
    position: relative;
    display: inline-block;
}


/* Carousel right column styles */

.landingSpecialties #carouselContainer { width:100%; height:350px; position:relative; margin:0px; padding:0px; overflow:hidden; background:#ffffff; }

.landingSpecialties #carouselSlideContainer { width:auto; height:325px; position:absolute; top:0px; left:10px; overflow:hidden; }

/* remove the list styles, width : item width * total items */ 

.landingSpecialties #carouselSlideContainer ul {
    list-style:none;
    margin:0;
    padding:0;
    width:100%;
    position:relative;
}
 
/* width of the item */

.landingSpecialties #carouselSlideContainer li {
    width:auto;
    height:325px;
    float:left;
    background:none;
    padding:0px;
}

.landingSpecialties #carouselSlideContainer li img {
    display:block; width:100% !important;
}

.landingSpecialties #carouselSlideContainer li h2 {
    width:200px;
    height:15px;
    padding:0px 0px 2px 0px;
    margin: 15px 0 7px 3px;
    overflow:hidden;
    color:#2D84AF;
    font-size:15px;
    font-weight:bold;
    font-family:Univers;
}

.landingSpecialties #carouselSlideContainer li h2 a {
    color:#569BBE;
    text-decoration:none;
}

.landingSpecialties #carouselSlideContainer li h2 a:hover,
.landingSpecialties #carouselSlideContainer li h2 a:focus {
    text-decoration:underline;
}

.landingSpecialties #carouselSlideContainer li p.slideText {
    width:200px;
    height:154px;
    overflow:hidden;
    padding:6px 0px;
    margin:0px;
    font-size:12px;
    line-height:20px;
    font-family:Univers;
    color:#333333;
}

.landingSpecialties #carouselSlideContainer li p.slideText a {
    color:#569BBE;
    text-decoration:none;
}

.landingSpecialties #carouselSlideContainer li p.slideText a:hover, 
.landingSpecialties #carouselSlideContainer li p.slideText a:focus {
    text-decoration:underline;
}

/* Carousel right column styles */

#carouselContainer { width:200px; height:300px; position:relative; margin:0px; padding:0px; overflow:hidden;  }

#carouselSlideContainer { width:200px; height:300px; position:absolute; top:0px; left:0px; overflow:hidden; }

/* remove the list styles, width : item width * total items */ 

#carouselSlideContainer ul {
    list-style:none;
    margin:0;
    padding:0;
    width:200px;
    position:relative;
}
 
/* width of the item */

#carouselSlideContainer li {
    width:auto;
    height:300px;
    float:left;
    background:none;
    padding:0px;
}

#carouselSlideContainer li img {
    display:block;
    width:100%; height:auto;
}

#carouselSlideContainer li h2 {
    width:auto;
    height:15px;
    padding:0px 0px 2px 0px;
    margin: 15px 0 7px 3px;
    overflow:hidden;
    color:#2D84AF;
    font-size:15px;
    font-weight:bold;
    font-family:Arial, Helvetica, sans serif;
}

#carouselSlideContainer li h2 a {
    color:#569BBE;
    text-decoration:none;
}

#carouselSlideContainer li h2 a:hover,
#carouselSlideContainer li h2 a:focus {
    text-decoration:underline;
}

#carouselSlideContainer li p.slideText {
    width:auto;
    height:154px;
    overflow:hidden;
    padding:6px 0px;
    margin:0px;
    font-size:12px;
    line-height:20px;
    font-family:Arial, Helvetica, sans serif;
    color:#333333;
}

#carouselSlideContainer li p.slideText a {
    color:#569BBE;
    text-decoration:none;
}

#carouselSlideContainer li p.slideText a:hover, 
#carouselSlideContainer li p.slideText a:focus {
    text-decoration:underline;
}
 
/* Styling for prev and next buttons */

.sliderControls {
    width:20px;
    height:20px;
    display:none;
}

.landingSpecialties #carouselLeft {
    position:absolute;
    bottom:0px;
    left:16px;
}


#carouselLeft {
    position:absolute;
    bottom:0px;
    left:0px;
}

#carouselRight {
    position:absolute;
    bottom:0px;
    right:0px;
}
  
a#btnCarouselLeft, .btnCarouselLeft {
    width:15px;
    height:15px;
    display:block;
    background:url("/Style Library/Images/UCSD/health-master-sprite.png") -540px -200px no-repeat;
}
 
a#btnCarouselRight, .btnCarouselRight {
    width:15px;
    height:15px;
    display:block;
    background:url("/Style Library/Images/UCSD/health-master-sprite.png") -560px -200px no-repeat;
}

/* Cycle2 Responsive Image Rotator */

.cycle-slideshow { width: 100%; position:relative; height: auto; }
.cycle-slideshow img, .cycle-slideshow A, .cycle-slideshow DIV  { width: 100%; display:block;  height: auto; }

/* Main Image Rotator */

.slide-container {
    width: 450px;
    max-width: 100%;
    height: 297px;
    position: relative;
    z-index: 0;
    float:right;
}

.slide {
    width: 450px;
	max-width: 100%;
    height: auto;
    position: absolute;
    top: 0; left: 0;
    z-index: 5;
}

.slide.active {
    z-index: 6;
}

#LandingSpecialties #specialtiesMainImage .slide img {
    width: 450px;
    height: 297px;
    border:none;
}

.slide-caption {
    width: 450px;
    max-width: 100%;
    height: auto;
    position: absolute;
    bottom: 2.5%; left: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.6);
    z-index: 10;
    overflow:hidden;
}

.slide-caption p {
    margin: 8px;
    padding:0;
    font-size:11px;
    line-height:15px;
    color: #fff;
    max-height: 45px;
    overflow: hidden;
}

a.controls {
    width: 25px;
    height: 40px;
    position: absolute;
    top: 100px;
    z-index: 100;
    display: none;
}

a.control-left {
    left: 0;    
    background:url("/Style Library/Images/UCSD/health-master-sprite.png") 0 -200px no-repeat;
}

a.control-right {
    right: 0;
    background:url("/Style Library/Images/UCSD/health-master-sprite.png") -50px -200px no-repeat;
}

.verticalTabs {display:none}

/* HOME PAGE MARQUEE */

.FiftyYearsofcaring H2.fiftyYears {
	color:#008DCF !important; 
	font-size: 42px; line-height: 103%;
}
.FiftyYearsofcaring P {
	color:#008DCF; 
}



/* ASSETS OVERRIDES */

div.tabsBorderlessHealth #tabsNavigation a.active {
    border-bottom: 1px solid #DDD !important;
    background-color: #DDD  !important;
    color: #000  !important;
}

/* SHAREPOINT EDITOR */
.editDisplay {
	display: none;
}
.editDisplay span {
	color: red;
}
.editDisplay a {
	color: red;
	text-decoration: underline;
}

/* Sharepoint Top Menu Overrides */
.ms-SPLink {
	float: left;
	display: inline-block;
	z-index: 99999;
}
.ms-siteaction, .ms-siteaction a {
	float: left;
	z-index: 99999;
}

.Default.RadEditor .reModule, .Default.RadEditor .reEditorModes UL LI {
	background:transparent;
}

.addthis-smartlayers, div#at4-follow, div#at4-share, div#at4-thankyou, div#at4-whatsnext {

    margin: 0 17px 0 0 !important;
}

.gsc-selected-option {
    position: relative;
    width: 100%;
    white-space: nowrap;
}




@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /* Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure { /* The shadow behind the image */ }
  .mfp-img-mobile .mfp-figure:after {   top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small {  display: inline;  margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {  background: rgba(0, 0, 0, 0.6);  bottom: 0;   margin: 0; top: auto;  padding: 3px 5px;  position: fixed; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {  padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0;  right: 0;  width: 35px;  height: 35px;  line-height: 35px;  background: rgba(0, 0, 0, 0.6);   position: fixed; text-align: center;  padding: 0; } 
}

@media all and (max-width: 900px) {
  .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
  .mfp-arrow-left {  -webkit-transform-origin: 0;  transform-origin: 0; }
  .mfp-arrow-right {  -webkit-transform-origin: 100%;  transform-origin: 100%; }
  .mfp-container {  padding-left: 6px;  padding-right: 6px; } 
}

.mfp-ie7 .mfp-img {padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%;  margin-left: -300px;  margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container {  padding: 0;  }
.mfp-ie7 .mfp-content { padding-top: 44px;  }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }


