@import url(/global/themes/default/css/welcome.css);
@import url(/synthesis/themes/default/css/default.css);

/* Begin Welcome Page Styles  */

	#contentheader .wordmark {
		margin-top: 10px;
		margin-bottom: 0px;
		float: left;
	}

	#sharethis_btn, #reader-menu ul li#sharethis_btn {padding: 10px;}

	#frame #contentleft {
		width: 182px;
	}



	
	#contentheader {
		background-image: url(/synthesis/images/red_blood_cells.jpg) !important;
	}
	
	#main {width: 750px;}
	#contentcenter { 
		width: 800px !important;
		text-align: left; 
		font-family:Verdana,"Times New Roman",Times,serif;
		font-size: 1.1em;
		border: 0 none;
		 
	}
	
	.js-breadcrumb {
		height: 23px;
	}
	#photo_header { width: 780px; font-size: 100%; text-align: left !important;}
	#photo_header h2 {margin-top: 45px;}
	
	#content {border: 1px dashed red; /*height: 668px;*/}
	#leftNavMain {/*border: 1px dashed blue; height: 680px;*/}
	/*#content div, #content h1, #sidebarContainer div, #sidebarContainer span {visibility: hidden;}*/
	/*#leftNavMain div, #content div, #content h1, #sidebarContainer div, #sidebarContainer span {visibility: hidden;}*/
	
	#sidebarContainer {border: 1px dashed blue;height: 668px;}
	
	.navbarContainer {margin-top: 10px;} /* Bring top of left navigation in top alignment with banner */
	
	/* Remove UC Davis Health System menu item */
	/*	#UCDavisHealthSystemLink {display: none;}  
	.mainNavItemOff {background-color: #eef1f3;} */
	
	#newsfeeds, #textsize, #print {
		float:right;
		font-family:Arial;
		font-size:1.1em;
		text-align:right;
		text-decoration: none;
		border: 1px solid #CCC;
		height: 16px;
		margin-right: 5px;
	}
	#sharethis, #newsfeeds, #textsize, #print {
		/*border: 1px solid #CCC;*/
	}
	#sharethis {
		padding: 0 !important;
	}
	/*#sharethis {width:auto;}*/
	a.button {
		padding:1px 5px 5px 22px;
		text-decoration: none;
	}
	a.noicon {
		padding:1px 5px 0 5px;
		vertical-align: middle;
	}
	
	.nfico_default {
		background: url(/ucdavishealth/themes/default/css/medicine_files/small_rss.gif) top left no-repeat;
	}
	
	/* Layout3 styles *********************************************************/
	#sidebarContainer {display: none;}
	#content {width: auto; margin-right: 15px;}
	
	/* Start Styles inserted via JS *******************************************/
	
	/* Leftnav modifications **************************************************/
	#leftNavMain {margin-top: 35px;}
	
	.hideme {display: none;}
	.menubreak {margin-top: 25px;}
	.menubreak a {border-top:1px solid #99A8C2;}
	.dhtmlSubnavContainer .openme {
		display: block;
		visibility: visible;
	}
	.openme .dhtmlnavitem, 
	.openme .dhtmlnavitem:hover, 
	.openme .dhtmlnavitemOn, 
	.openme .dhtmlnavitemIn {
		padding:2px 0 3px 18px; /* indent and retain same height as parent element */
		width: auto; /* keep same width as parent */
	}
	.openme .hr {
		width: auto; /* keep same width as parent */
	}
	.openme .dropdownBox {
		width: auto; /* or 170px; keep same width as parent */
		border: none; /* remove subnav border */
		border-bottom: 1px solid #99A8C2; /* add closing underline */
	}
	
	/* Style open subnav consistent with parent items */
	.openme .dropdownBox a {background-color: #eef1f3;}
	.openme .dropdownBox a:hover {background-color: #DEE6F2; color: #002666;}
	.openme .dropdownBox .hr {background-color: #99A8C2;}
	
	/* We move the VC item to the leftnav with JS */
	#leftNavMain #leftspot {
		margin: 15px;
		text-align: right;
		border: 1px solid white;
	}
	
	#leftNavMain #leftspot h3#vc_tab .tab_txt {
		display:none;
	}
	#leftNavMain #leftspot h3#vc_tab {
		background: url(/global/magazines/images/from_the_vc.gif) top left no-repeat;
		height: 60px;
		width: 72px;
	}
	
	/* Inline more link */
	#leftNavMain .more {
		font-weight: normal;
	}
	
	/* /Leftnav modifications **************************************************/
	
	/* Tabs */
	ul#tabbuttons {
		z-index: 2;
		position: relative;
		float: right;
		font-size:1.25em;
		line-height:1em;
		list-style-type:none;
		height: 47px;
		margin-top: 18px;
	}
	ul#tabbuttons li {
		display: inline;
		float: left;
		/*margin: 0 0 0 0.3em;  switch left/right margin depending on position of tab row */
		padding: 0;
	}
	ul#tabbuttons li a {
		float: left;
		display: block;
		/*padding: 5px 10px; */
		border-bottom: 0 none;
		/* padding-bottom: 6px;*/
		font-size:1em;
		line-height:1em;
		font-weight: bold;
		text-decoration: none;
		/*border: 1px solid #000;*/
		/*background:#F2F2F2;*/
	}
	ul#tabbuttons li a:focus, ul#tabbuttons li a:active, ul#tabbuttons li a:hover {
		/*background: #F0F0F0 none repeat scroll 0 0;*/
		color: #333;
		font-weight: bold;
		text-decoration: none;
	}
	ul#tabbuttons li.current a, ul#tabbuttons li.current a:hover, ul#tabbuttons li.current a:active {
		border-bottom: 0 none;
		/*background: #fff;*
		padding-bottom: 7px; /* was 6px */
		text-decoration: none;
	}
	ul#tabbuttons li a .current-info, #tabs h2 {
		display: none;	
	}
	
	#tabs h3, #tabs p, #tabs .more {
		text-align: left;	
	}
	
	.tabs#tabs {
		z-index: 1;
		/*border: 1px solid #000;*/
		clear: both;
		/*padding: 0.5em;*/
		margin-left: 5px;
		position: relative;
		/*top: -1px;*/
		/*margin-bottom: -1px;*/
		margin-bottom: 0;
	}
	#contentcenter .tabs#tabs .item {
		position: absolute;
		border: 0 none;
		width: 98%;
		margin: 0 auto;
	}
	
	.tabs#tabs {
		/*border-bottom: 1px transparent solid;
		border-top: 1px transparent solid;*/
		height: 286px;
	}



	/* IE < 7 don't support transparent borders */
	* html .tabs#tabs {
		/*
		border-bottom: 1px #fff solid;
		border-top: 1px #fff solid;
		*/
	}
	
	/* Various IE float adjustments and fixes */
	* html .jquery_tabs .content { z-index:-1; }
	* html .jquery_tabs { zoom:1; width:auto; position:relative; } 
	*+html .jquery_tabs { zoom:1; width:auto; } 
	.jquery_tabs * { zoom:1; }

	#contentleft {
		width: 200px; /* override welcome 210px */
	}
	/* Note: DO NOT apply border to detail or we can't maintain consistent item treatment */
	#contentcenter .detail .item {
		margin-bottom: 25px;
		position: relative;
	}
	.item a {
		color: #002666;
	}
	/*#contentcenter .detail .item p {
		margin-left: 85px;
	}
	
	#contentcenter .detail .item .more {
		margin-left: 42px;
	}*/
	
/* Styles inserted via JS *******************************************/
/* .ucdh_tabs selected added via Javascript */

	.ucdh_tabs span.tab_txt {display: none;}
	
	.ucdh_tabs .grid .item {
		background-color:#F2EBCC;	
	}
	
	.ucdh_tabs .grid h2 {	
		display: none;
	}
	
	.ucdh_tabs .grid .item {	
		display: none;
		width: 275px;
		float: left;
		margin-right: 5px;
	}
	
	.ucdh_tabs .grid .item p, .ucdh_tabs .grid .item h4, .ucdh_tabs .grid .item h5, .ucdh_tabs .grid .item .more {	
		margin: 0 10px;
	}
	.ucdh_tabs .grid .item h4 {
		font-size: 100%;
		line-height: 1.3em;
	}
	.ucdh_tabs .grid .item h4.tight {
		margin-top: -5px;
		margin-bottom: -2px;
	}
	
	.ucdh_tabs .grid .item h4 a {
		text-decoration: none;
		font-size: 100%;
	}
	.ucdh_tabs .grid .item h4 a:hover {
		text-decoration: underline;
	}
	.ucdh_tabs .grid .item p {
		color: #333;
		margin-top: 7px;
		margin-bottom: 7px;
		font-size: 90.9%;
		line-height: 1.3em;
	}
	.more, .ucdh_tabs .more {
		margin-top: 7px !important;
	}
	.ucdh_tabs .more .more {
		margin: 0 !important;
	}
	.ucdh_tabs .grid .item h3 {
		padding-left: 7px;
		color: #FFF;
		background-color: #0073b0; /* UCDH #002666;*/
		border-bottom: none;
		height: 22px;
		line-height: 2em;
	}
	
	.ucdh_tabs .grid .item p img, .outside img {
		margin: 0;
		border: 4px solid #FFF;
		margin-bottom: 0 !important;
	}
	.ucdh_tabs .grid .item div.outside {
		float: left;
		width: 68px;
		height: 68px;
		margin: 3px 10px 0 10px; 
	}
	.ucdh_tabs .grid .item p img.left {
		margin-right: 10px;
	}
	.ucdh_tabs .grid .item p img.right {
		margin-left: 10px;
	}
	
	.ucdh_tabs .grid .item .more {
		margin-bottom: 7px;
	}
	.ucdh_tabs .detail .front {
		display: block;
		margin-right: 18px;
	}
	.ucdh_tabs .detail .last {margin-right: 0;}
	.ucdh_tabs .detail .first { margin-left: 7px;}
	
		/* Synthesis */
	.ucdh_tabs #from-the-director_tab {
		background: url(/synthesis/images/tabs/h_message_director.gif) top left no-repeat;
	}
	.ucdh_tabs #benefactors_tab {
		background: url(/synthesis/images/tabs/h_benefactors.gif) top left no-repeat;
	}

	/* UC Davis Health */
	.ucdh_tabs #alumni_news_tab {
		background: url(/ucdavishealth/images/tabs/h_alumni_news.gif) top left no-repeat;
	}/*/global/magazines/images/h_alumni_news.gif*/
	
	.ucdh_tabs #giving_tab {
		background: url(/ucdavishealth/images/tabs/h_portraits_giving.gif) top left no-repeat;
	}
	
	/* End Styles inserted via JS *******************************************/
	
	/* For home page only */
	#main {width: 220px; padding: 0; float: right;}
	#right_col {width: 200px; position: relative;}
	#photo_header { width: 576px; float: left;}
	
	/* General UCD Health Design */
	
	#right_col {
		background-color: #F2F2F2;
		margin-top: 2px;
		margin-right: 1px;
		margin-left: 20px;
		padding-bottom: 7px;
	}
	
	#contentcenter #right_col {
		margin-left: 19px;
	}
	
	#right_col p {
		font-size: 90.9%;
		line-height: 1.3em;
		color: #333;
		margin-left: 10px;
		margin-bottom: 7px;
	}
	
	#contentcenter {position: relative; float: right;}
	#center_col h1 {display: none;}
	
	
	#contentcenter .tabs#tabs, .detail#tabs h3, .detail#tabs h3 a, .detail#tabs .more a {
		background-color: #0073b0; /* UCDH #002666;*/
		color: #FFF;
	}
	
	#contentcenter .tabs#tabs .item p {
		background-color: #0073b0; /* UCDH #002666;*/
	}
	
	#tab0 a, #accessibletabsnavigation0-1 a {
		width: 96px;
		height: 37px;
		border: none;
	}
	
	#tab1, #tab2, #tab3, #tab4, #tab5, #tab6, #accessibletabsnavigation0-1, #accessibletabsnavigation0-2, #accessibletabsnavigation0-3, #accessibletabsnavigation0-4, #accessibletabsnavigation0-5, #accessibletabsnavigation0-6 {
		width: 29px;
		height: 27px;
		margin-top: 20px !important;
	}
	
	#tab1 a, #tab2 a, #tab3 a, #tab4 a, #tab5 a, #tab6 a, #accessibletabsnavigation0-1 a, #accessibletabsnavigation0-2 a, #accessibletabsnavigation0-3 a, #accessibletabsnavigation0-4 a, #accessibletabsnavigation0-5 a, #accessibletabsnavigation0-6 a {
		width: 29px;
		height: 27px;
	}
	
	#tab1 a, #accessibletabsnavigation0-1 a {
		background: url(/global/magazines/images/feature_tab_1_reg.gif) top left no-repeat;
	}
	#tab1 a:hover, .current#tab1 a, #accessibletabsnavigation0-1 a:hover, .current#accessibletabsnavigation0-1 a {
		background: url(/global/magazines/images/feature_tab_1_dwn.gif) top left no-repeat;
	}
	#tab2 a, #accessibletabsnavigation0-2 a {
		background: url(/global/magazines/images/feature_tab_2_reg.gif) top left no-repeat;
	}
	#tab2 a:hover, .current#tab2 a, #accessibletabsnavigation0-2 a:hover, .current#accessibletabsnavigation0-2 a {
		background: url(/global/magazines/images/feature_tab_2_dwn.gif) top left no-repeat;
	}
	#tab3 a, #accessibletabsnavigation0-3 a {
		background: url(/global/magazines/images/feature_tab_3_reg.gif) top left no-repeat;
	}
	#tab3 a:hover, .current#tab3 a, #accessibletabsnavigation0-3 a:hover, .current#accessibletabsnavigation0-3 a {
		background: url(/global/magazines/images/feature_tab_3_dwn.gif) top left no-repeat;
	}
	#tab4 a, #accessibletabsnavigation0-4 a {
		background: url(/global/magazines/images/feature_tab_4_reg.gif) top left no-repeat;
	}
	#tab4 a:hover, .current#tab4 a, #accessibletabsnavigation0-4 a:hover, .current#accessibletabsnavigation0-4 a {
		background: url(/global/magazines/images/feature_tab_4_dwn.gif) top left no-repeat;
	}
	#tab5 a, #accessibletabsnavigation0-5 a {
		background: url(/global/magazines/images/feature_tab_5_reg.gif) top left no-repeat;
	}
	#tab5 a:hover, .current#tab5 a, #accessibletabsnavigation0-5 a:hover, .current#accessibletabsnavigation0-5 a {
		background: url(/global/magazines/images/feature_tab_5_dwn.gif) top left no-repeat;
	}
	#tab6 a, #accessibletabsnavigation0-6 a {
		background: url(/global/magazines/images/feature_tab_6_reg.gif) top left no-repeat;
	}
	#tab6 a:hover, .current#tab6 a, #accessibletabsnavigation0-6 a:hover, .current#accessibletabsnavigation0-6 a {
		background: url(/global/magazines/images/feature_tab_6_dwn.gif) top left no-repeat;
	}
	
	.slideimg {
		width: 280px;
		height: 333px;
		position: absolute; 
		top: -47px; 
		left: -6px;
	}
	.slideimg:hover {cursor: pointer;}
	
	#slideimg1, #slideimg2, #slideimg3, #slideimg4, #slideimg5, #slideimg6 {
		width: 280px !important;
		height: 333px !important;
		right: 0; /* For IE7+ to get correct tab image size */
	}
	
	#contentcenter .tabs#tabs .item h3, #contentcenter .tabs#tabs .item p, #contentcenter .tabs#tabs .item .more {
		margin-left: 290px;
		margin-right: 10px;
	}
	#contentcenter .tabs#tabs .item {
		/*font-size: 118.18%;*/
		font-size: 13px; /* block from resize */
		line-height: 1.3em;
	}
	
	#contentcenter .tabs#tabs .item h3 {
		/*font-weight: normal;*/
		margin-bottom: 10px;
		margin-top: 20px;
		color: #FFF;
		border-bottom: none;
		font-size: 17px;
		line-height: 1.3em;
	}
	
	.rounded {
		position: absolute;
		bottom: 0;
		left: 0;
		height: 6px;
		width: 275px;
		line-height: 4px;
		font-size: 4px;
		background: url(/global/magazines/images/bar_btm_yellow_home.gif) top left no-repeat;
	}
	
	.rounded.lime {
		background: url(/global/magazines/images/bar_btm_lime_home.gif) top left no-repeat;
	}
	
	#right_col .rounded {
		width: 200px;
		background: url(/global/magazines/images/bar_btm_gray_sm.gif) top left no-repeat;
	}
	
	#tabsfooter {
		margin-top: -1px;
		margin-bottom: 15px;
	}
	
	.clearit {
		height: 15px;
		margin-bottom: 15px;
		clear: both;
		border: 1px solid white;
	}
	
	/* Background images */
	#textsize_btn {
		background: url(/global/magazines/images/txt_size_crnr.gif) top left no-repeat;
	}
	
	/* following items are js candidates insofar as they should only be applied when js is enabled */
	#right_col span.tab_txt {display: none;} 
	
	/* Synthesis */
	#uc-davis-cancer-center-news_tab {
		height: 38px;
		background: url(/synthesis/images/tabs/h_UC_Davis_Comprehensive_Cancer_Center_News.gif) top left no-repeat;
	}
	
	#todays_news_tab {
		height: 22px;
		background: url(/ucdavishealth/images/tabs/h_todays_news.gif) top left no-repeat;
	}/*/global/magazines/images/h_todays_news.gif*/
	
	#tab0, #accessibletabsnavigation0-0 {
		width: 118px; /* Note: Calculated in tabs creation */
		height: 47px;
		background: url(/synthesis/issues/spring2010/images/features_spring2010.gif) top left no-repeat;
	}
	
	
	#reader-menu {
		position: relative;
		top: 1px;
		float: right;
	}