﻿/* main styles 
----------------------------------------------- */   
html{
	
	margin: 0px;
	padding: 0px;	
}
body { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#d2d3d5 !important;
	margin: 0px;
	padding: 0px;

}

.contentHeader { /* black bar */
	display:block; 
	font:20px; 
	font-family:"GothamBlack" !important;
	/*background-image:url('img/blackheading_repeat.gif');*/
	text-transform: uppercase;
	background-repeat: repeat-x;
	margin:0px; 
	padding:6px 0px 0px 10px;
	text-align:left; 
	height:30px;
}
p {
	margin-top:10px;
	font:12px Arial; 
	text-align:left; 
	color:#000
}

.ie9 p {
	line-height:16px
}

h1 {
	font:20px Trebuchet MS, Arial, sans-serif; 
	
}
h2 {
	margin:0; 
	padding:0 0px 10px 0px; 
	font:1.3em Trebuchet MS, Arial, sans-serif;
	color:#771B61;
	font-weight:bold;

}
h3 {
	font:13px Trebuchet MS, Arial, sans-serif;
	font-weight:bold;
	color: #333;

}
h4 {
	font: 13px Trebuchet MS, Arial, sans-serif;
	font-weight:bold;
}
A:link {
	color: #336699;
	
}
A:visited {
	color: #336699;
	
}
A:active {
	color: #999;
	text-decoration: none;
}
A:hover {
	color: #6699CC;
	text-decoration: none;
}

ACRONYM {
	font-weight: bold;
	border-bottom: #771B61 1px dotted;
}
ul {
	list-style:square;
	margin:0;
	padding:7px 0 7px 25px;
}
li {
	padding:2px 0px 2px 0px;
}
/* main layout div
----------------------------------------------- */

#container {
	width: 770px;
	margin: 0 auto;
	padding:0 40px 0 40px;
	text-align: left;

	background-color:#FFFFFF;
}

/* wraps main placeholder for layout pages
----------------------------------------------- */

#midContainer {
	width:768px; 
	background:url('img/subbg_repeat.gif') repeat-y;
	background-color:#FFFFFF !important;
	text-align:left; 
 
	border:1px solid #FFF;
	margin: 0px;
	padding: 0px;
}

#midContainer img 
{
	padding: 0px;
	margin: 0px;
	}


/* right column style
----------------------------------------------- */

.Content2 {
	border-left:1px solid #CCC;
	}


/* header styles
----------------------------------------------- */

#header {
	background-image:url('/SiteCollectionImages/headerNew.jpg');
	/*background-image:url('/SiteCollectionImages/headerg20.gif');*/
	background-repeat:no-repeat;
	width:770px;  
	height:98px;
	background-position:center;
	text-align:center;
	z-index:auto;

}
#header a /*img*/ {
	/*margin-top: 20px;*/
}

#logo {
 margin-top:0px;
 vertical-align:top;
}


#logo a {
	color: #FFF; 
	text-decoration: none; 
	width: 200px; 
	
	display: block; 
	overflow: hidden; 
	float:left
}
#logo a span {
	display: block
}
#logo a span em {
}
#logo a span strong {
	display: block; 
	text-indent: -9999px; 
	
	font-weight: normal; 
	font-size: 24px;

	line-height: 24px; 
	letter-spacing: 10px; 
	text-transform: uppercase
}
strong span {
	font-size: 13px; 
	display: inline; 
	border-bottom: 1px solid #FFF; 
	border-top: 1px solid #FFF; 
	padding:0; 
	letter-spacing: 0; 
	vertical-align: middle
} 

#logo a span {
	font-size: 13px; 
	display: inline; 
	border-bottom: 1px solid #FFF; 
	border-top: 1px solid #FFF; 
	padding:0; 
	letter-spacing: 0; 
	vertical-align: middle
} 

/* top search form styles
----------------------------------------------- */

#searchForm {
	float:right; 
	text-align:right; 
	color:#FFF; 
	width:280px; 
	display:block; 
	margin:10px 10px 0px 0px; 
	padding:0;
	font:10px Arial; 


}

#searchForm a {
	font:12px Arial; 
	color:#FFF; 
}
#searchForm form {
	
	display:block; 
	margin:0; 
	padding:0
}
#searchForm input.text {
}
.ms-sbLastcell
{
	width:1px;
}

#searchForm td {
	
	vertical-align:middle;
	background-color:transparent;
	text-align:right;
	border:0px;
}

#searchForm a {
	
	margin:0 0 0 0;

}


#searchForm table {
	
 	width:270px;
	text-align:right;
}

#MossSearch {
		height:20px !Important;
		vertical-align:top;
		text-align:right;
		

}

#MossSearch td{
	text-align:right;
	margin:0 0 0 0;

}

.SearchTextbox {
	height:13px;

}

.SearchScopeList {
	margin-top:1px;

}

#Scope {
	width:100px;
	float:left;
	display:inline-block;
}
#Search {
	width:175px;
	display:inline-block;


}

#SearchSetup {
	width:175px;
	display:inline-block !important;
}




/*
.searchButton {
	cursor: pointer; 
	font:10px Arial; 
	color:#FFF; 
	border: 0px; 
	overflow:hidden; 
	
	background-image: url("/SiteCollectionImages/topsearchbutton.gif"); 
	background-repeat: no-repeat; 
	
	/* WIDTH: The actual width of the image 
	width: 50px; 
	
	/* HEIGHT: First number of padding; and number in 2nd height;  is actual height of image 
	padding-top: 0; 
	height: 17px !important; 
	height: 17px
}
*/
/* main horizontal site navigation
----------------------------------------------- */
#navArea {
				background-color:#666D70;
				margin:0px;
				padding:0px;
				position:relative;
				border:1px #666D70 solid;
				
}




#navList {
                margin:6px 0 8px 0 !important;
                padding:0px !important;
                font:Verdana !important;
                font-size:11px !important;
                padding:0;
                color:#FFF;
                text-align:center;
                
                
}
#navList li {
                display: inline;
                list-style-type: none;
                padding:0;
                margin:0;
                font-family:Verdana  !important;
                font-size:11px !important;
                font-weight:bold;
}
#navList li a:visited {
                text-decoration:none;
                color:#fff;
                padding:1px 3px 2px 3px;
                font-family:Verdana !important;
 /*               padding:1px 13px 2px 13px*/
}
#navList li a {
                text-decoration:none;
                color:#fff;
                padding:1px 3px 2px 3px;
                font-family:Verdana !important;
   /*             padding:1px 13px 2px 13px*/
}
#navList li a:hover {
                color:#FFF;
                /*background:#336699;*/
                text-decoration:none;
                background-image:url("/SiteCollectionImages/rollbg.gif");
                background-repeat:repeat-x

}
#navList #current a {
}

#navList #current a:hover {
}

#navAreaLine {
	background-color:#666D70;
	height:2px;
}

/* left column styles
----------------------------------------------- */
#SearchleftNav {
	width:180px;
	padding: 0px 0px 0px 0px;
	margin:0px;
	
	font:85% Arial;

}

#leftNav {
	width:180px;
	height:100%;
	padding: 12px 10px 0px 10px;
	margin:0;
	float:left;
	font:11px Arial;
	

}

#leftNav P, #leftNav li {
	font:11px Arial;

}

#leftNav ul, #leftNav li {
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 0px 12px;
}



.leftNavTopBar {
	display:block; 
	margin:0; 
	padding:10px 0 0 10px; 
	height:44px
}

#leftNav h2 {
	font:1.3em Trebuchet MS, Arial, sans-serif;
	padding:0 0 0px 0px; 
	margin:0 10px 0px 0; 
	color:#000
}

#leftNav img 
{
	padding: 0px 0px 0px 0px;
}
	
#leftNav a:visited { 

}

.treeView a { 
	color:#000;
	text-decoration:none;
}

.treeView a:hover {
	color:#771B61;
}

#leftNav A:active {
}

.treeNodeSelected A{
	Font-Weight:bold;
}

#leftNav td { 
	padding: 0px 0px 0px 2px;
	margin: 0px;
}

.LeftContent a, .LeftContent a:link{
	text-decoration:underline;
	color: #336699;
}

.LeftContent a:hover{
	text-decoration:underline;
	color: #6699CC;
}

.LeftContent .ms-WPBody a, .LeftContent .ms-WPBody a:link{
	text-decoration:underline !important;
	color: #336699 !important;
}

.LeftContent .ms-WPBody a:hover{
	text-decoration:underline !important;
	color: #6699CC !important;
}



/* main content area
----------------------------------------------- */





/*
#leftNav img {
	padding:0 0 10px 10px;
}
*/
/* left Tree styles (for treeview)
----------------------------------------------- 

#Tree {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .80em;
	text-decoration:none;
	

	}

#Tree a a:visited{
	color: #666666;
	
	
}

#Tree a:hover{
	color:white;
	background-color:navy;
}


#Tree a:active{
font-weight:bold;
}
*/

/* footer
----------------------------------------------- */


#UPMCfooter {
	width:770px; 
	margin:0 auto;
	clear:both;
	position:relative; 
	padding:5px 0 20px 0;
	
}
#UPMCfooter p {
	color:#666D70; 
	font:10px Arial; 
	text-align:left; 
	padding:3px 6px 0 0; 
	margin:0;
	
}
#UPMCfooter a:visited {
	color:#666D70; 
	font:10px Arial
}
#UPMCfooter a {
	color:#666D70; 
	font:10px Arial;
	text-decoration:none;
}
#UPMCfooter a:hover {
	color:#000
}

#social {
	width: 51px;
	margin-top: 5px;
	float:right;
}

#social img {
	border: none;
}

/* 
 * Social media share tool 
 */

.toggleShare {
	cursor:hand;
    cursor:pointer;
}

.toggleShare2 {
	color:#771B61;
	cursor:hand;
    cursor:pointer;
}

 
.ie7 .toggleShare2 {
	margin-left:-15px;
}
 
#socialMedia {
	height:40px;
	width: 220px;
	float: right;
	top: -30px;
	position: relative;
	z-index: 1000;
	padding: 0;
}
 
.shareTool {
}
 
.socialMediaTitle {
    height: 20px;
    background-color: #771b61;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.socialMediaTitleHeader {
    width: 125px;
    float: left;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    margin: 0 0 0 10px;
    line-height: 20px;
}

.socialMediaPopup {
    z-index: 1000;
    position: absolute;
    top:-265px;
    left:350px;
    display: none;
    border: 1px solid #666d70;
    width: 308px;
    height: 112px;
    background-color: #fff;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
    -moz-box-shadow: 0px 0px 6px #666d70; 
    -webkit-box-shadow: 0px 0px 6px #666d70; 
    box-shadow: 0px 0px 6px #666d70;
}

.showSocialMediaPopup {
    display: block;
}
 
.closeSocialMediaPopup{
    background-image: url("/Style%20Library/UPMC%20Styles/lcm/home/close.png");
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    float: right;
    cursor:hand;
    cursor:pointer;
}

.closeSocialMediaPopup:hover {
	background-image: url("/Style%20Library/UPMC%20Styles/lcm/home/close_hover.png");
}
 
.socialIconList{
    list-style-type:none;
    margin: 2px 0 0 -15px;
    width: 288px;
}

.ie7 .socialIconList{
    margin: 2px 0 0 -7px;
}

 
.socialIconList li {
    margin:0 5px 8px 0;
    padding: 0;
    float:left;
    cursor:hand;
    cursor:pointer;
    height: 20px;
    width:91px;
}

.socialIconList li a:hover {
    color: #771b61 !important;
}
    
.socialIconList a {
    text-decoration: none;
    color: #000 !important;
    font-size: 11px;
    display: block;
    margin: 0 5px 0 0;
    height: 18px;
    width: 18px;
    background-image:url(/Style%20Library/UPMC%20Styles/lcm/home/icons.png);
}

.socialIconListText {
    padding: 0 0 0 23px;
    height:18px;
    line-height: 18px;
}

#shareMail {
    background-position:0px -2px;
}

#shareMail:hover {
    background-position:-18px -2px;
}

#shareTwitter {
    background-position:0px -86px;
}

#shareTwitter:hover{
    background-position:-18px -86px;
}

#shareDigg {
    background-position:0px -169px;
}

#shareDigg:hover {
    background-position:-18px -169px;
}

#sharePrint {
    background-position:0px -30px;
}

#sharePrint:hover {
    background-position:-18px -30px;
}

#shareMyspace {
    background-position:0px -114px;
}

#shareMyspace:hover {
    background-position:-18px -114px;
}

#shareStumbleUpon {
    background-position:0px -197px;
}

#shareStumbleUpon:hover {
    background-position:-18px -197px;
}

#shareFacebook {
    background-position:0px -58px;
}

#shareFacebook:hover {
    background-position:-18px -58px;
}

#shareReddit {
    background-position:0px -142px;
}

#shareReddit:hover {
    background-position:-18px -142px;
}

#shareDelicious {
    background-position:0px -225px;
}

#shareDelicious:hover {
    background-position:-18px -225px;
}


/* extras
----------------------------------------------- */

.topOfPage {
	padding:0 0 5px 13px; 
	background:url("/MCMSweb/Img/up_arrow.gif") no-repeat 0 30%; 
	font:11px Arial;
}
hr {
	border: none 0; 
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #efefef;
	width: 100%;
	height: 2px;
	margin: 10px auto 0 0;
	text-align: left;
}
.clear {
	clear: both;
}
#news img {
	margin-bottom:20px;
	padding:0px;
	margin:0 0 20 0;
}

.ms-sbplain {
	border:1px #7f9db9 solid !important;
}

/* Edit Mode Panel console styles (meta data, etc)
----------------------------------------------- */

#editPanelContainer {
clear: both;
	background-color:#DCCBD8;
	font: small/1.2em Arial, Helvetica, sans-serif;
	padding:0px 0px 10px 0px;
	width:768px;
}

#editPanelContainer input{
color:#771B61;
}

#editPanelContainer textarea{
color:#771B61; 
}

#editPanelContainer .ms-formfieldlabel{
font: .8em Arial, Helvetica, sans-serif;
font-weight:bold;
background:#DCCBD8 none repeat fixed center center;
border: 1px navy;
color:#771B61;

}

#editPanelContainer .ms-formfieldvaluecontainer{
border:1px #771B61;
font: .8em Arial, Helvetica, sans-serif;

}

#editPanelContainer label{
font: 1em Arial, Helvetica, sans-serif;
color:#771B61;
}


#topNav {
	height:28px;
	width:770px;
	background-image:url('img/sc_top_bar_slice.jpg');
	background-repeat:repeat-x;
	}

.table1 {
	border-top:1px #666d70 solid;
	border-left:1px #666d70 solid;
}

.table1 td {
	border-bottom:1px #666d70 solid;
	border-right:1px #666d70 solid;
	padding:5px;
}



/* publishing/authoring console styles
----------------------------------------------- */

.ms-SpLinkButtonInActive {
	border:none;
	margin:1px;
	color:#4c4c4c;
	vertical-align:top;
	background-color:white !Important;
}

.ms-HoverCellInActive {
	border:none;
	margin:1px;
	color:#4c4c4c;
	vertical-align:top;
	background-color:white !Important;
}
.ms-SpLinkButtonActive {
	border:#6f9dd9 1px solid;
	vertical-align:top;
	background-color:#ffbb47;
	background-image:url("/_layouts/images/menubuttonhover.gif");
}

.ms-HoverCellActive {
	border:#6f9dd9 1px solid;
	vertical-align:top;
	background-color:#ffbb47;
	background-image:url("/_layouts/images/menubuttonhover.gif");
}


.ms-rtetoolbarmenu img
{
border:0px;
padding:0px !important; 
margin:0px !important;
}

.ms-rtetoolbarmenu Table
{
border:0px;
padding:0px !important; 
margin:0px !important;
}

ms-siteaction,.ms-siteaction a
{
	color:#fff !Important;
}


/*
LCM Font */

@font-face {
	font-family: 'GothamBlack';
	src: url('/SiteCollectionDocuments/LCMfont/gotham-black-webfont.eot');
	src: local('?'), url('/SiteCollectionDocuments/LCMfont/gotham-black-webfont.woff') format('woff'), url('/SiteCollectionDocuments/LCMfont/gotham-black-webfont.ttf') format('truetype'), url('/SiteCollectionDocuments/LCMfont/gotham-black-webfont.svg#webfont1XvgqKR8') format('svg');
	font-weight: normal;
	font-style: normal;
}

/******************* UPMC 2.0 Footer ***********************/

#footerContainer{
	width:768px;
	margin:20px 0 0 0;
	background-image:url(/Style%20Library/UPMC%20Styles/UPMC2Images/footer_tint.png);
	background-repeat:repeat-y;
}

#upperFooter{
	width:766px;
	height:195px;
	border-left-color:#A9B533;
	border-left-width:1px;
	border-left-style:solid;
	border-top-color:#A9B533;
	border-top-width:1px;
	border-top-style:solid;
	border-right-color:#A9B533;
	border-right-width:1px;
	border-right-style:solid;
}

#HCP #upperFooter {
	border-left-color:#40A6C0;
	border-top-color:#40A6C0;
	border-right-color:#40A6C0;	
}

#About #upperFooter {
	border-left-color:#F6BF1D;
	border-top-color:#F6BF1D;
	border-right-color:#F6BF1D;	
}


.ie7 #upperFooter{
    width:768px;
}
#lowerFooter{
	height:20px;
	background-color:#666D70;
	padding:9px 0 5px 0;
}

.ie7 #lowerFooter{
	width:770px;
}

#footerOne{
	float:left;
	width: 170px;
}

#footerTwo{
	float:left;
	width: 140px;
}

#footerThree{
	float:left;
	width: 95px;
}

.ie7 #footerThree{
	width: 100px;
}


#footerDiscover{
	float:left;
	background-image:url(/PublishingImages/health_trak_lower_right.png);
	background-position:right;
	background-repeat:no-repeat;
	width:298px;
	height:190px;
}

.ie7 #footerDiscover{
	width: 295px;
}


/*
.ie7 #footerOne{
	width: 190px;
}

.ie7 #footerTwo{
	width: 150px;
}

.ie7 #footerThree{
	width: 125px;
}
*/
.footerSubHeads{
	font-family: museo-sans-n7,museo-sans,sans-serif;
	font-weight:700;
	font-size:10px;
	padding:5px 0 0 15px;
	line-height:25px;
	color:#666D70;
}

.ie7 .footerSubHeads {
	font-family:Arial, Helvetica, sans-serif;
}

.SComm .footerSubHeads {
	font-family:Arial, Helvetica, sans-serif;
}


#discoverHead{
	font-family: museo-sans-n3,museo-sans,sans-serif;
	width:155px;
	font-weight:300;
	font-size:18px;
	padding:0 0 0 0;
	line-height:20px;
	color:#771B61;
}

.ie7 #discoverHead{
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
}

#discoverText{
	font-family: museo-sans-n3,museo-sans,sans-serif;
	width:150px;
	font-weight:300;
	font-size:12px;
	padding:7px 0 0 0;
	line-height:16px;
	color:#666D70;
}

.ie7 #discoverText{
	width:145px;
	font-family:Arial, Helvetica, sans-serif;
}

.learnMore{
	font-family: "museo-sans-n3","museo-sans",sans-serif;
	font-weight:300;
	font-size:10px;
}

.ie7 .learnMore {
	font-family:Arial, Helvetica, sans-serif;
}
.learnMore a:link, .learnMore a:visited, .learnMore a:active{
	text-decoration:none;
	color:#771B61;
}

.learnMore a:hover{
	text-decoration:underline;
}

li.footerLinks{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size:12px;
	list-style:none;
	line-height:19px;
}

#SComm li.footerLinks {
	line-height:23px;
}

.footerLinks a:link, .footerLinks a:active, .footerLinks a:visited{
	color:#771B61;
	text-decoration:none;
	padding:0 0 0 0;
}

.ie7 .footerLinks a:link,.ie7 .footerLinks a:active, .ie7 .footerLinks a:visited{
	margin-left:-15px;
}



.footerLinks a:hover{
	text-decoration: underline;
}

li.footerLinksStacked{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size:12px;
	list-style:none;
	line-height:15px;
	padding-bottom:4px;
	padding-top:2px;
}

.footerLinksStacked a:link, .footerLinksStacked a:active, .footerLinksStacked a:visited{
	color:#771B61;
	text-decoration:none;
	padding:0 10px 0 0;
}

.ie7 .footerLinksStacked a:link, .ie7 .footerLinksStacked a:active, .ie7 .footerLinksStacked a:visited{
	margin-left:-15px;
}

.footerLinksStacked a:hover{
	text-decoration: underline;
}

#icon{
	width:24px;
	height:20px;
	float:left;
}

#iconLink{
	width:auto;
	height:20px;
	float:left;
	padding-bottom:6px;
}

#footerDivider{
	background-image:url(/Style%20Library/UPMC%20Styles/UPMC2Images/footer_divider_green_long.png);
	height:185px;
	width:1px;
	float:left;
}

#HCP #footerDivider{
	background-image:url(/Style%20Library/UPMC%20Styles/UPMC2Images/footer_divider_blue_long.png);
}

#About #footerDivider{
	background-image:url(/Style%20Library/UPMC%20Styles/UPMC2Images/footer_divider_yellow_long.png);
}


.bottomFooterLinks{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size:11px;
}

.bottomFooterLinks a:link, .bottomFooterLinks a:active, .bottomFooterLinks a:visited{
	text-decoration:none;	
	padding-left:15px;
	color:#FFFFFF;
}

.bottomFooterLinks a:hover{
	text-decoration:underline;	
}

.IndexNav li{
	padding:0px 3px 0px 3px;
}

.EBSCOLinks li{
	padding:0px 5px 0px 5px;
}



