﻿/* square bullet style 
----------------------------------------------- */

#squares li {
  list-style-image: url('img/square.gif')
}



/* home page styles
----------------------------------------------- */

#homeTable
{
	padding:10px 0 0 0;
}

#homeTable a
{
	color:#fff;
}

#homeTable p
{
	padding:0;	
	font: 11px Arial;
	color: #FFFFFF;
	line-height:15px;
}

.mainTable
{
	padding:0;
	margin:0 0 10px 0;
}

.mainTableCell
{
	border-right:1px solid #CCC; 
	padding:0 10px 0 10px; 
	width:171px;
	margin:0;
}

.mainTableCell2
{
	padding:0 10px 0 0; 
	width:174px;
	margin:0;
}

.mainTableCell2 H1
{
	padding:0 10px 6.5px 10px; 
}


.mainTableCell2 p
{
	padding:0 10px 0 10px !important;
}



#UPMCfooter {
	border-top:1px solid #ccc;
}
#nav table{
margin: 0px 3px 7px 0px;
	}
#nav td{
vertical-align:top;
	}

}
.contentHeaderLeft {
	display:block; 
	font:20px Trebuchet MS, Arial, sans-serif; 
	background-repeat: repeat-x;
	text-align:left; 
	color:#FFF;  
	height:34px;
	width:199px;
	float:left;
	border-right: 1px solid #FFFFFF; 
	margin:0; 
	padding:0;
}
/* UPMC_Subpage2 (sub page with right column)
----------------------------------------------- */

#SubPage2_Content1 h2 {
	color:#771B61
}
#SubPage2_Content1 h3 {
	margin:0;
	text-align:left; 
	color:#333333
}

#SubPage2_Content1 {
	padding:10px 10px 10px 10px;
	float:left; 
	width: 366px;
	font: 12px Arial
}

#SubPage2_Content1 img {
	margin:5px !important;
}

#SubPage2_Content1 ul {
	margin-left:4px;
}

#SubPage2_Content1 li {
	font: 12px Arial;
}

#SubPage2_Content2 {
	padding:0px 10px 10px 10px;  
	margin:14px 0px 14px 0px; 
	float:right; 
	width: 160px;
	border-left: 1px solid;
	border-color: #E8E8E8;
}


.experts_Content2 {
	font-size:90%;
	color:#666666;
	padding:10px 0px 10px 10px;  
	border-left: 1px solid;
	border-color: #E8E8E8;
}

#SubPage2_Content2 h2 {
	margin:0; 
	font:1em Trebuchet MS, Arial, sans-serif; 
	text-align:left;
	font-weight:bold; 
	color:#333
}
#SubPage2_Content2 h3 {
	margin:0; 
	font:1em Trebuchet MS, Arial, sans-serif; 
	text-align:left;
	font-weight:bold; 
	color:#333
}
#SubPage2_Content2 p {
	text-align:left; 
	font: 11px Arial;
	color: #666;
}
#SubPage2_Content2 ul {
	margin-left:4px;
}

#SubPage2_Content2 li {
	color:#666;
	font: 11px Arial;
}

/* UPMC_Imaging Services Search
----------------------------------------------- */

.LocationsDiv {
	background:url('img/fdbackrepeat.jpg') #FFF repeat-x;
}


/* UPMC_Subpage3 (sub page with top image and right column)
----------------------------------------------- */

#SubPage3_MainImage {
	width:548px;
	padding:0px;
	margin:10px 10px 0px 10px;
	float:left;
}
	
#SubPage3_Content1 h2 {
	color:#771B61
}
#SubPage3_Content1 h3 {
	margin:0;
	text-align:left; 
	color:#333333
}

#SubPage3_Content1 {
	padding:10px 10px 10px 10px;
	float:left; 
	width: 366px;
	font: 12px Arial
}

#SubPage3_Content1 ul {
	margin-left:4px;
}

#SubPage3_Content1 li {
	font: 12px Arial;
}

#SubPage3_Content2 {
	padding:0px 10px 10px 10px;  
	margin:14px 0px 14px 0px; 
	float:right; 
	width: 160px;
	border-left: 1px solid;
	border-color: #E8E8E8;
}

#SubPage3_Content2 h2 {
	margin:0; 
	font:1em Trebuchet MS, Arial, sans-serif; 
	text-align:left;
	font-weight:bold; 
	color:#333
}
#SubPage3_Content2 h3 {
	margin:0; 
	font:1em Trebuchet MS, Arial, sans-serif; 
	text-align:left;
	font-weight:bold; 
	color:#333
}
#SubPage3_Content2 p {
	text-align:left; 
	font: 11px Arial;
	color: #666;
}
#SubPage3_Content2 ul {
	margin-left:4px;
}

#SubPage3_Content2 li {
	color:#666;
	font: 11px Arial;
}

/* SubPage1
----------------------------------------------- */

#SubPage1_mainContent  {
	padding:10px 10px 10px 10px !important;
	width: 546px;
	border-left:1px;
	font: 12px Arial;
	float:right;
}

#SubPage1_mainContent  h2 {
	color:#771B61
}
#SubPage1_mainContent h3 {
	color:#333;
}
#SubPage1_mainContent p {
	text-align:left; 
	color:#000
}

#SubPage1_mainContent  ul {
	margin-left:4px;
}

#SubPage1_mainContent  li {
	font: 12px Arial;
}



/* LP1  (Landing Page 1)
----------------------------------------------- */

#LP1_MainImage img{
	padding:0px;
	margin:0px;	
	border-left:1px white solid;
	border-bottom:1px white solid;
	}

#LP1_MainImage {
	padding:0px;
	margin:0px;
	height:257px;
}
	
.td1
{
	border-right:1px #CCC solid;
	vertical-align:top;
	width:189px;
}
#LP1_Content1 {
	font: 11px Arial;
}
#LP1_Content1 p, #LP1_Content1 ul, #LP1_Content1 li {
	padding:0px 10px 0px 10px;
	font: 11px Arial;
}

#LP1_Content1 h1 {
	margin:0px 0px 10px 0px;
	padding:5px 0px 5px 10px;
	font: 14px Trebuchet MS, Arial, sans-serif !important;
	color:#FFF !important;
	font-weight:bold !important;
	background-color:#40A6C0;
	border-left:1px white solid;
}

#LP1_Content1 h2 {
	color:#771B61;
	padding:0px 0px 5px 10px;
}

#LP1_Content1 h3 {
	color:#333;
	padding:0px 0px 5px 10px;
}

.td2
{	border-right:1px #CCC solid;
	vertical-align:top;
	width:189px;
}

#LP1_Content2 {
	font: 11px Arial;
	vertical-align:top
}
#LP1_Content2 p, #LP1_Content2 ul, #LP1_Content2 li  {
	padding:0px 10px 0px 10px;
	font: 11px Arial;
}

#LP1_CenterWebPart {
	padding:0px 10px 0px 10px;
	font: 11px Arial;
}


#LP1_Content2 h1 {
	margin:0px 0px 10px 0px;
	padding:5px 0px 5px 10px;
	font: 14px Trebuchet MS, Arial, sans-serif !important;
	color:#FFF !important;
	font-weight:bold !important;
	background-color:#959836;
	border-left:1px white solid;
}

#LP1_Content2 h2 {
	color:#771B61;
	padding:0px 0px 5px 10px;
}

#LP1_Content2 h3 {
	color:#333;
	padding:0px 0px 5px 10px;
}

.td3
{
	vertical-align:top;
	width:188px;
}

#LP1_Content3 {
	font: 11px Arial;
	vertical-align:top
}
#LP1_Content3 p, #LP1_Content3 ul, #LP1_Content3 li  {
	padding:0px 10px 0px 10px;
	font: 11px Arial;
}
#LP1_Content3 h1 {
	margin:0px 0px 12px 0px;
	padding:5px 0px 5px 10px;
	font: 14px Trebuchet MS, Arial, sans-serif !important;
	color:#FFF !important;
	font-weight:bold !important;
	background-color:#003156;
	border-left:1px white solid;
}

#LP1_Content3 h2 {
	color:#771B61;
	padding:0px 0px 5px 10px;
}

#LP1_Content3 h3 {
	color:#333;
	padding:0px 0px 5px 10px;
}


/* LP2  (Landing Page 2)
----------------------------------------------- */

#LP2_MainImage {
	width:568px;
	padding:0px;
	margin:0px;
}

#LP2_MainImage img{
	padding:0px;
	margin:0px;	
	border-left:1px white solid;
	border-bottom:1px white solid;
}

#LP2_MainImage p{
	padding:10px 10px 10px 10px;
	}

#LP2_Content1 {
	padding:10px 10px 10px 10px; 
	width: 367px;
	font: 12px Arial;
	float:left;
	}
#LP2_Content1 ul{
	font: 12px Arial;
	list-style:square;
}

#LP2_Content1 li{
	font: 12px Arial;

	}


#LP2_Content1 h2 {
	color:#771B61;
}

#LP2_Content1 h3 {
	color:#333
}
#LP2_Content2 {
	padding:10px 10px 10px 10px;
	width: 160px;
}
#LP2_Content2 a{
}
#LP2_Content2 li {
	font:11px Arial; 
}


#OnTopic a:hover{
	background-color:transparent !important;
}




/* LP3
----------------------------------------------- */

#LP3_mainImage  {
	padding:0px;
	width: 768px;
}
#LP3_leftCol  {
	padding:0px;
	margin:0px;
	width: 200px;
	float:left;	
}
#LP3_mainContent  {
	padding:10px 10px 10px 10px;
	float:right; 
	width: 546px;
	border-left:1px;
	font: 12px Arial
}
#LP3_mainContent  h2 {
	color:#771B61
}
#LP3_mainContent h3 {
	color:#333;
}
#LP3_mainContent p {
	text-align:left; 
	color:#000
}
#LP3_mainContent  ul {
	margin-left:4px;
}
#LP3_mainContent  li {
	font: 12px Arial;
}

/* LP4
----------------------------------------------- */

#LP4_mainImage  {
	padding:0px;
	width: 768px;
}
#LP4_leftCol  {
	padding:0px;
	margin:0px;
	width: 200px;
	float:left;	
}
#LP4_mainContent  {
	padding:10px 10px 10px 10px;
	float:right; 
	width: 546px;
	border-left:1px;
	font: 12px Arial
}
#LP4_mainContent  h2 {
	color:#771B61
}
#LP4_mainContent h3 {
	color:#333;
}
#LP4_mainContent p {
	text-align:left; 
	color:#000
}
#LP4_mainContent  ul {
	margin-left:4px;
}
#LP4_mainContent  li {
	font: 12px Arial;
}

#LP4_Content1 {
	padding:10px 10px 10px 10px;
	float:left; 
	width: 366px;
	font: 12px Arial
}
#LP4_Content1 h2 {
	color:#771B61
}
#LP4_Content1 h3 {
	margin:0;
	text-align:left; 
	color:#333333
}
#LP4_Content1 img {
	margin:5px !important;
}
#LP4_Content1 ul {
	margin-left:4px;
}
#LP4_Content1 li {
	font: 12px Arial;
}
#LP4_Content2 {
	padding:0px 10px 10px 10px;  
	margin:14px 0px 14px 0px; 
	float:right; 
	width: 160px;
	border-left: 1px solid;
	border-color: #E8E8E8;
}
#LP4_Content2 h2 {
	margin:0; 
	font:1em Trebuchet MS, Arial, sans-serif; 
	text-align:left;
	font-weight:bold; 
	color:#333
}
#LP4_Content2 h3 {
	margin:0; 
	font:1em Trebuchet MS, Arial, sans-serif; 
	text-align:left;
	font-weight:bold; 
	color:#333
}
#LP4_Content2 p {
	text-align:left; 
	font: 11px Arial;
	color: #666;
}
#LP4_Content2 ul {
	margin-left:4px;
}

#LP4_Content2 li {
	color:#666;
	font: 11px Arial;
}


/* LP5
----------------------------------------------- */

#LP5_mainImage  {
	padding:0px;
	width: 768px;
}
#LP5_leftCol  {
	padding:0px;
	margin:0px;
	width: 200px;
	float:left;	
}
#LP5_mainContent  {
	padding:10px 10px 10px 10px;
	float:right; 
	width: 546px;
	border-left:1px;
	font: 12px Arial
}
#LP5_mainContent  h2 {
	color:#771B61
}
#LP5_mainContent h3 {
	color:#333;
}
#LP5_mainContent p {
	text-align:left;
}
#LP5_mainContent  ul {
	margin-left:4px;
}
#LP5_mainContent  li {
	font: 12px Arial;
}


/* AlternateLanding
----------------------------------------------- */

#AlternateLanding_MainImage {
	padding:0px;
	margin:0px;
	vertical-align:baseline;
}

#AlternateLanding_MainContent {
	padding:0; 
	margin:0; 
	float:right; 
	width: 566px
}

/* DeparmentMain1
----------------------------------------------- */
#DepartmentMain1_MainImage {
	padding:0px;
	margin:0px;
	vertical-align:baseline;
}
#DepartmentMain1_Content1 {
	padding:0px;
	margin:0px;
}
#DepartmentMain1_Content2 {
	padding:0px; 
	margin:0px;
	border-left:1px #FFF solid;
}

/* DeparmentMain2
----------------------------------------------- */
#DepartmentMain2_MainImage {
	padding:0px;
	margin:0px;
	vertical-align:baseline;
}

#DepartmentMain2_Content1 {
	padding:0;
	margin:0;
	float:left;
	width: 387px;
}
#DepartmentMain2_Content1 h2 {
	margin:0; 
	padding: 10px 10px 10px 10px;
	color:#771B61
}

#DepartmentMain2_Content2 {
	padding:0; 
	margin:0; 
	float:left; 
	width: 181px;
}

#DepartmentMain2_Content2 img {
	padding: 10px 0px 0px 0px;
}

#DepartmentMain2_Content2 h3 {
	margin:0; 
	padding: 10px 10px 0px 10px;	
}

#DepartmentMain2_Content2 li {
margin: 0px 0px 10px -10px;
font-size:80%;
}








/* Ebsco Content
----------------------------------------------- */

#Ebsco_midContainer {
	width:767px; 
	background:url('img/subbg_repeatNew.gif') #FFF repeat-y;
	text-align:left; 
	position:relative; 
	border:1px solid #FFF;
	margin: 0px;
	padding: 0px;
}

/* leftNav div will go here */

#Ebsco_mainContent  {
	padding:10px 10px 10px 10px;
	float:right; 
	width: 545px;
	border-left:1px;
	font: 12px Arial
}
#Ebsco_mainContent h6 {
	display:block; 
	font:15px Trebuchet MS, Arial, sans-serif; 
	background-image:url('img/blackheading_repeat.gif');
	background-repeat: repeat-x;
	margin:0; 
	padding:5px 0 0 10px; 
	text-align:left; 
	color:#FFF;  
	height:45px
}

#Ebsco_mainContent h1 {
	display:block; 
	font:15px Trebuchet MS, Arial, sans-serif; 
	margin:0; 
	padding:5px 0 0 10px; 
	text-align:left; 
	color:#B24D01; 
	height:45px
}

#Ebsco_mainContent h2 {
	margin:0; 
	padding:0 10px 10px 10px;
	color:#771B61
}
#Ebsco_mainContent h3 {
	margin:0; 
	padding:0 10px 10px 10px; 
	text-align:left; 
	color:#333
}
#Ebsco_mainContent p {
	margin:0; 
	padding:0 10px 10px 10px; 
	font:90% Arial; 
	text-align:left; 
	color:#000
}
#Ebsco_mainContent ul {
	margin:0 0 10px 20px; 
	padding:0; 
	font-size:90%;
}
#Ebsco_mainContent li {
	margin:0 0 0 20px; 
	padding:5px; 
}

.Ebsco-relatedLinks{
font-size:8pt;
background-color:#ebf3ff;
border:1px navy solid;
padding:0px;
}


.Ebsco-relatedLinks td {
padding:2px;
}

.Ebsco-relatedLinks h4 {
margin-bottom:5px;

}

.EBSCOLinks li {
	display:inline;
}


.IndexNav li {
	display:inline;
}

/* Facebook Reusable Content
----------------------------------------------- */


#facebook_button {
	width: 180px;
	margin: 15px 0;
}

.facebook_text {
	font-family: Trebuchet, "Trebuchet", Arial, sans-serif;
	font-size: 12px;
	line-height: 13px;
	color: #00325F;
}

a.facebook_link {
	text-decoration: none;
}

/* Bloodless Medicine 
----------------------------------------------- */

#BMLeftLinks {
	margin-top:-12px;

}

/* Media Experts Search
----------------------------------------------- */
#esSearchLabel {
	margin: 0;
	text-align: left;
	font: bold 16px Trebuchet MS, Arial, sans-serif;
	color: #771b61 !important;
}

#esSearchSpan {
    text-align: left;
    display:block;
    vertical-align: middle;
    width: 180px;
}

#esSearchTxt {
	font-size: xx-small; 
	width: 160px;
}

/* Heart and Vascular Program symptoms nav links
----------------------------------------------- */

.heartAndVascularLinks {
	margin: 13px 0 !important;
	}

/* set the image to use and establish the lower-right position */
.contactbox, .contactbox_body, .contactbox_head, .contactbox_head h3 {
	background: transparent url(img/contactbox.jpg) no-repeat bottom right;
}
.contactbox {
	/* intended total box width - padding-right(next) */
      width: 145px !important; /* IE Win = width - padding */ /* the gap on the right edge of the image (not content padding) */;
	padding-right: 15px; /* use to position the box */;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:3px;
}

.dynamicHeight{
	background-color: #002359 !important;
	background-image:none !important;
}

.contactbox ul{
	margin:0;
	width: 130px !important;
}

/* 3/28/11 commented this out because it seems unnecessary, and it's breaking things in ie7
.contactbox ul a{
	display:block;
	width: 130px !important;
}*/

.contactbox a, .contactbox li {
	color: #FFFFFF !important;
}
/* set the top-right image */
.contactbox_head {
	background-position: top right;
/* pull the right image over on top of border */	margin-right: -15px; /* right-image-gap + right-inside padding */;
	padding-right: 20px;
}
/* set the top-left image */
.contactbox_head h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF !important;
	background-position: top left;
	margin: 0;
/* reset main site styles*/	border: 0;
 /* padding-left = image gap + interior padding ... no padding-right */	padding: 10px 0 0 10px;
	height: auto !important;
	height: 1%;
}

/* set the lower-left corner image */
.contactbox_body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-position: bottom left;
	color: #FFFFFF !important;
	margin-right: 5px; /* interior-padding right */;
	padding: 1px 0 1px 10px;
}

.contactbox_body p, .contactbox_body li, .contactbox_body h3 {
	color: #FFFFFF !important;
}

/*rehab pages "looking for"*/
.lookingForContainer{
	width:180px;
	overflow:visible;
	font-family:"GothamBlack" !important;
	position:relative;
	top:-10px;
}

.lookingForContent{	
	height:120px;
	width:200px;
	background-color:#d7dbdb;	
	position:relative;
	left:-11px;
	float:left;
	padding:10px 0 0 0;
}

.lookingForContent label{
	color:#666d70;	
	margin:20px 0 10px 10px !important;
	font-size:12px;
}

.lookingForContent a, .lookingForContent a:visited{
	cursor:pointer;
	cursor:hand;
}

.lookingForContent div{
	float:left;
	color:#771b61;	
	margin:10px 0 0 10px;
	text-decoration: none; !important;
}

.heartVascular{
	height: 40px;
	*left: -11px;  /*IE7 hack*/
}

.ie7 .heartVascular{
	left:-14px;
}

.heartVascular div{
	padding:0 0 0 10px;
	margin: 2px 0 0 5px;
}

.upmcBannerRotator {
    position:relative;
    height:200px;
    width:567px;
}    
.upmcBannerRotator a{
    position:absolute;
    top:0;
}

.onTopicMultipleContainer h1, .onTopicMultipleContainer h2{
    font-family:"GothamBlack" !important;
}

.onTopicMultipleContainer h1 span{
    color:#C4AEC3;
}

.onTopicMultipleContainer h2{
    color:#666D70 !important;
    font-size:13px !important;
	margin:5px 0 5px 0 !important;
}

.onTopicMultipleContainer p{
	margin:10px 0 10px 0 !important;
}

.onTopicMultiple{
    border: 3px solid #666D70;
    border-width:3px 3px 3px 0;
    border-radius:0 10px 10px 0;
    padding:0 10px 0 0;
}


.onTopicMultiple img{
	border:none !important;
}

/* careers nave */

.careersNav {
	height:34px;
	width:547px;
	background-color:#D7DBDB;
	padding:0;
	margin:-10px 0 10px 0 !important;
	position:relative;
	overflow:hidden;
}

.careersNav li{
	list-style-type:none;
	display:block;
	float:left;
}
.careersNav li a{
	font-size:11px;
	color:#771B61 !important;
	text-decoration:none;
	font-family: "GothamBlack";
	height:34px;
	line-height:34px;
	padding: 0;
}

.linkNoBorder {
	margin:0px;
	padding:0 6px 0 11px;
	
}

.linkLeftBorder {
	margin:0px;
	padding:0 6px 0 6px;
	border-left:1px #771B61 solid;
}

.ie9 .linkLeftBorder {
	margin:0px;
	padding:0 4px 0 5px;
	border-left:1px #771B61 solid;
}

.searchJobs{
	background-color:#771B61;
	color:#fff;
	font-size:11px !important;
	font-family:"GothamBlack" !important;
	padding:0 5px 0 5px;
	margin:0;
	display:block;
	height:34px;
	line-height:34px !important;
	position:relative;
	width:88px;
}

.searchJobs:before{
    content:'';
    background-color:#D7DBDB;
    position:absolute;
    top:0;
    right:-15px;
    height:10px;
    width:35px;    
    -moz-transform: rotate(55deg);  
    -o-transform: rotate(55deg);  
    -webkit-transform: rotate(55deg);  
    -ms-transform: rotate(55deg);  
    transform: rotate(55deg); 
}

.ie8 .searchJobs:before{
	width:0px 
}

.searchJobs:after{
    content:'';
    background-color:#D7DBDB;
    position:absolute;
    bottom:0;
    right:-15px;
    height:10px;
    width:35px;    
    -moz-transform: rotate(-55deg);  
    -o-transform: rotate(-55deg);  
    -webkit-transform: rotate(-55deg);  
    -ms-transform: rotate(-55deg);  
    transform: rotate(-55deg);  
}

.ie8 .searchJobs:after{
	width:0px 
}


.leftButtonCaption {
	background-color:#D7DBDB;
	margin:-3px 0 0 0;
	padding:11px;
}

.bariatricLeftButtons {
	margin-left:-5px;
}

.bariatricLeftButtons img {
	padding:0 0 5px 0 !important;
}




