﻿@charset "utf-8";
/* CSS Document */

body {
	margin:0px;

}

.ui-autocomplete {
    position: relative;
}

#mainContent {
	height:100%;
	min-height:500px;
	margin-bottom:0px;
}
.ie7 #upmc_sub2_pagecontent  {
	min-height:650px;
}
.topButton, #btnHCPSpecialty, #mainSearchGo{
	cursor: pointer;
	cursor: hand;
}

#PgOutsidecontainer {
	width: 1094px;
	margin: auto;
	background-color: #FFFFFF;
	padding: 0 20px 0 20px;
	min-height:600px;
}
#Pgcontainer {
	width: 960px;
	margin: auto;
	background-color: #FFFFFF;
}

#newHeader {
	height:80px;
	width:100%;
	position:relative;
	z-index:500;
}

#logo {
	width:231px;
	float:left;
}
#logo img {
	border:0;
}

#topLinks {
	display:block;
	background-color:#f3f4f4;
	float:right;
	padding:24px 0px 22px 10px;
	width:673px;
	height:27px;
}

.topLink {
	padding:4px 0 4px 0;
	width:100px;
	text-align:center;
	font-family:"museo-sans-n7","museo-sans",sans-serif;
	font-size:12px;
	color:#771b61 !important;
	text-decoration:none;
	font-weight:700 !important;
	border-left:1px #b7bcbc solid;
	float:left;
}
#topLinks a:focus {
	border-left:1px #b7bcbc solid ;
}

.topLink:hover {
	text-decoration:underline;
}
#myUPMC.topLink {
	border:0;
}
#resources.topLink {
	background-image:url(/PublishingImages/NewNavImages/resources_filter_arrow.png);
	background-repeat:no-repeat;
	background-position:90px 0;
	padding-right:30px;
	margin-right:5px;
}

.myColor {
	color:#ad8ca5;
}
#resources:focus {
	border-left:1px #b7bcbc solid;
}
#resources.active {
	background-image:url(/PublishingImages/NewNavImages/resources_filter_arrow_up.png);
	border-left:2px #771d61 solid !important;
	border-right:2px #771d61 solid;
	background-color:#f3f4f4;
	z-index:80;
	position:relative;
	height:26px;
	width:96px;
	padding-left:1px;
}

#resourcesDD {
	background-color:#f3f4f4;
	border:2px #771d61 solid;
	left:589px;
	top:56px;
	position:absolute;
	z-index:70;
	padding:12px 5px 13px 20px;
}	
#mainSearchArea {
	float:left;
	height:31px;
	margin-top:-4px;
}

#mainSearch {
	float:left;	
}

#searchbox {
	height:25px;
	width:160px;
	padding-left:10px;
	position:relative;
	font-size: 12px !important;
	color: #000 !important;
}
#autoCompleteFields{
	position:relative;
}

#mainSearchGo {
	height:31px;
	width:31px;
	float:left;
	background-image:url(/PublishingImages/NewNavImages/search_icon.png);
	background-repeat:no-repeat;
}
#newTopNav {
	margin: auto;
	width: 754px;
	position:relative;
	z-index:20;
	height:65px;
}

.topButton {
	height:65px;
	width:236px;
	display:block;
	background-repeat:no-repeat;
	float:left;
	position:relative;
	z-index:2;
	transition: 0.10s;	
}
.topButton:hover, .topButton.active {
	-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.29);
	-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.29);
	box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.29);
}
#btnPatients {
	background-image:url(/PublishingImages/NewNavImages/patients_btn_01.png);
}
#btnPatients:hover, .patients #btnPatients {
	background-image:url(/PublishingImages/NewNavImages/patients_btn.png);
}
#btnPatients.active {
	background-image:url(/PublishingImages/NewNavImages/patients_btn_open.png);
}
#btnHCP {
	background-image:url(/PublishingImages/NewNavImages/hcp_btn.png);
	margin:0 14px 0 14px;
}
#btnHCP:hover, .HCP #btnHCP {
	background-image:url(/PublishingImages/NewNavImages/hcp_btn_active.png);
}
#btnHCP.active {
	background-image:url(/PublishingImages/NewNavImages/hcp_btn_open.png);
}
#btnAbout {
	background-image:url(/PublishingImages/NewNavImages/about_btn.png);
}
#btnAbout:hover, .about #btnAbout {
	background-image:url(/PublishingImages/NewNavImages/about_btn_active.png);
}
#btnAbout.active {
	background-image:url(/PublishingImages/NewNavImages/about_btn_open.png);
}
.DD {
	display:none;
	z-index:50;
	width:207px;
	min-height:50px;
	position:relative;
	top:63px;
	left:0px;
	padding:5px 5px 13px 20px;
	-webkit-box-shadow: 4px 6px 5px 0px rgba(50, 50, 50, 0.29);
	-moz-box-shadow:    4px 6px 5px 0px rgba(50, 50, 50, 0.29);
	box-shadow:         4px 6px 5px 0px rgba(50, 50, 50, 0.29);
}
#patientsDD {
	background-image:url(/PublishingImages/NewNavImages/patients_grad.png);
	background-repeat:repeat-x;
	border:2px #959836 solid;
	border-top:0px;
	background-color:#e3e4cb;
}

#HCPDD {
	background-image:url(/PublishingImages/NewNavImages/hcp_grad.png);
	background-repeat:repeat-x;
	border:2px #39a7c1 solid;
	border-top:0px;
	background-color:#cae8ef;
}

#aboutDD {
	background-image:url(/PublishingImages/NewNavImages/about_grad.png);
	background-repeat:repeat-x;
	border:2px #f0ab1e solid;
	border-top:0px;
	background-color:#fbe6bc;
}

.DD a{
	display:block;
	text-decoration:none;
	color:#771b61;
	line-height:22px;
	font-family:"museo-sans-n7","museo-sans",sans-serif;
	font-size:12px;
}
.DD a:hover, #btnHCPSpecialty a:hover {
	text-decoration:underline;
}
.DD a.disabled{
	color:#666d70;
	font-weight:bold;
	text-decoration:none;
}
.DD a.disabled:hover{
	cursor:default!important;
}


.show {
	display:block!important;
}
#mainRotator {
	width:1134px;
	position:relative;
	height:481px;
	left:-87px;
	top:-67px;
	z-index:2;
	margin-bottom:-46px;
}
.ie7 #mainRotator {
	top:-67px;
}

#mainRotator img {
	border:0px;
	margin:0px 0 0px 0;
}
.patients #imageBucketNav {
	background-color:#e5e5ce;
	width:1054px;
	position:relative;
	left:-87px;
	height:175px;
	display:block;
	padding:25px 0 0 80px;
	margin:0 0 20px 0;
}

.patients #imageBucketNavCopy{
	padding:0 77px 0 15px;
	color:#666d70;
	font: 14px museo-sans-n5, museo-sans, sans-serif;
	font-weight: 500;
}


#hcpSecondaryContent{
	width:1054px;
	position:relative;
	left:-88px;
	height:196px;
	display:block;
	margin:0 0 20px 0;
	padding:0px 0 0 88px;
}

#hcpCopy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:17px;
	width:355px;
	float:left;
	position:relative;
	height:170px;
	padding:25px 15px 0 0px;
	background-color:#FFF;
}
#hcpCopy H2{
	margin:0px;
	color:#40a6c0;
	font-family:"museo-sans-n5", museo-sans, sans-serif;
	font:19px museo-sans-n5, museo-sans, sans-serif;
	font-weight:500;
}


.HCP #imageBucketNav {
	background-color:#d7e8f0;
	padding:25px 77px 0 15px;
	height:175px;
	display:block;
	position:relative;
	float:left;
}
.ie7 .HCP #imageBucketNav {
	width:585px;
}


.HCP #imageBucketNavCopy{
	padding:0 77px 0 15px;
	color:#666d70;
	font: 14px museo-sans-n5, museo-sans, sans-serif;
	font-weight: 500;
}

#btnHCPSpecialty{
	background-image:url(/PublishingImages/NewNavImages/hcp_arrow_down.png);
	background-repeat:no-repeat;
	background-position:275px 4px;
	height:23px;
	width:310px;
	font-size:15px;
	color:#959836;
	font-weight:500;
	border:1px #40a6c0 solid;
	padding:7px 0 0 9px;
}
#btnHCPSpecialty:hover, #btnHCPSpecialty.active {

	-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.29);
	-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.29);
	box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.29);
}
#btnHCPSpecialty.active{
	background-image:url(/PublishingImages/NewNavImages/hcp_arrow_up.png);	
}
#hcpSpecialtyDD {
	background-color:#fff;
	border:1px #40a6c0 solid;
	border-top:0px;
	display:none;
	z-index:50;
	width:304px;
	min-height:50px;
	position:relative;
	left:-10px;
	top:5px;
	padding:7px 5px 7px 10px;
	-webkit-box-shadow: 4px 6px 5px 0px rgba(50, 50, 50, 0.29);
	-moz-box-shadow:    4px 6px 5px 0px rgba(50, 50, 50, 0.29);
	box-shadow:         4px 6px 5px 0px rgba(50, 50, 50, 0.29);
}

#hcpSpecialtyDD #leftColumn {
	width:58%;
	position:relative;
	float:left;
}

#btnHCPSpecialty a{
	display:block;
	text-decoration:none;
	color:#771b61;
	line-height:24px;
	font-family:"museo-sans-n7","museo-sans",sans-serif;
	font-size:13px;
}

#aboutSecondaryContent{
	width:1054px;
	position:relative;
	left:-88px;
	height:196px;
	display:block;
	margin:0 0 20px 0;
	padding:0px 0 0 88px;
}

#aboutCopy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:17px;
	width:275px;
	float:left;
	position:relative;
	height:170px;
	padding:25px 15px 0 0px;
}

#aboutCopy H2{
	margin:0px;
	color:#40a6c0;
	font-family:"museo-sans-n5", museo-sans, sans-serif;
	font:19px museo-sans-n5, museo-sans, sans-serif;
	font-weight:500;
}


#aboutCopy img{
	float:left;
	padding:0 15px 0 0;
	border:0px;
}
#aboutCopy h2{
	margin:0 0px 0 0;
	font: 18px museo-sans-n5, museo-sans, sans-serif;
	font-weight: 500;
	color:#959836;
}
#aboutCopy p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#aboutCopy a{
	font-family:museo-sans-n5, museo-sans, sans-serif;
	font-weight:bold;
	color:#40a6c0;
}

.about #imageBucketNav {
	background-color:#fcf1da;
	padding: 25px 74px 10px 15px;
	display:block;
	position:relative;
	float:left;
}
.ie7 .about #imageBucketNav {
	width:585px;
}

.about #imageBucketNavCopy{
	padding:0 77px 0 0;
	color:#666d70;
	font: 14px museo-sans-n5, museo-sans, sans-serif;
	font-weight: 500;
}

.imageBucket {
	position:relative;
	float:left;
}
.imageBucket img{
	border:0px;
}

.about .imageBucket {
	padding: 10px 5px 10px 0;
}

.mainCalloutRow {
	width:1054px;
	position:relative;
	left:-87px;
	min-height:100px;
	display:block;
	padding:27px 0 27px 80px;
	overflow:auto;
}
#row2.mainCalloutRow, #row4.mainCalloutRow {
	/*background-color:#dccbd8;*/
	background-color:#f0ebf0;
	margin:0 0 0px 0;
}
.calloutImageLeft {
	position:relative;
	float:left;
	padding:0 27px 0 0;
	width:155px;
	height:176px;
}
.calloutImageLeft img {
	border:0px;
}
.calloutCopy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:17px;
	width:786px;
	min-height:100px;
	padding:0 0px 0 0px;
	position:relative;
	float:left;
}
.calloutCopy H2{
	color:#959836;
	font-family:"museo-sans-n5", museo-sans, sans-serif;
	font:19px museo-sans-n5, museo-sans, sans-serif;
	font-weight:500;
}
.calloutCopy a, .calloutCopy a:visited{
	color:#45A1B8;
	/*font-size:11px;
	font-family:"museo-sans-n7", museo-sans, sans-serif;
	font-weight:700;*/
}
.calloutCopy p{
	/*margin-bottom:0px*/
}
.ms-rtestate-write {
	border:1px #999 solid;
}
.hide {
	display:none;
}
.mainHome #mid {
	margin-bottom:20px;
}
.about.hp #lowerFooter {
	margin-top:-14px;
}
