/*
 * RESET
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 12px;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: top;
}
/* UPMC STYLE */
@font-face {
	font-family: 'GothamBlack';
	src: url('/_font/gotham-black-webfont.eot');
	src: url('/_font/gotham-black-webfont.ttf') format('truetype'), 
         url('/_font/gotham-black-webfont.svg#webfontQ5ecCRe6') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	behavior:url("/_scripts/csshover.htc");
	behavior:url("/_scripts/iepngfix.htc");
}
	h1{
		font-family: "GothamBlack", Arial, Helvetica, sans-serif !important; 
        /*  font-family:  Arial, Helvetica, sans-serif !important;
		/* text-transform: uppercase; */
		font-size: 18px;
		color: #771B61;
		padding-bottom: 10px;
		line-height: 22px;
		text-transform:uppercase !important;
	}
	h2{
		font: bold 16px/18px Arial,Trebuchet MS,sans-serif;
		color: #333;
		padding: 10px 0;
	}
	h3{
		font: bold 1.083em/1.5em Arial,Trebuchet MS,sans-serif;
		color: #333;
		padding-bottom: 5px;
	}
	p {
		line-height:18px;
	}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
	td{
	}
	.bfont {
		background:none;
		text-decoration:underline !important;
	}
img, div {  }
select, option{
	position: relative;
	z-index: 100;
}
a:link, a:visited {
	color:#6666cc;
}
a:hover, a:active {
}
hr {
	border:none;
	border-bottom:1px solid #dadada;
}
/*
 * BASIC ELEMENTS
 * Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
 */
body{
	color:#333;
	width: 902px;
	margin: 0px auto;
	font:normal 0.75em/1.5em Arial, Helvetica, sans-serif;
}
blockquote{
	padding: 10px;
}
/*
 * HEADER SEARCH
 * Define styles for the header
 */
#header_search{
	position: absolute;
	top: 64px;
	left: 678px;
}
	#header_search label{
		font-weight: bold;
		font-style: italic;
		font-size: 11px;
		color: #444;
		vertical-align:middle;
	}
	.input_text{
		border: 1px solid #d1d1d1;
		padding: 5px;
		width: 168px;
		font-size: 11px;
		color: #7d7d7d;			}
	.image_text{
		top: 6px;
		position: relative;	}
	#header_search input[type="text"]{
		border: 1px solid #d1d1d1;
		padding: 5px;
		width: 168px;
		font-size: 11px;
		color: #7d7d7d;	
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;	
		}
	#header_search input[type="image"]{
		top: 7px;
		position: relative;	}

/*
 * BASIC LAYOUT
 * Define the basic template: header, footer, menu, content
 */
#header{
	height: 113px;
	width: 100%;
	position: relative;
}
#content{
	width: 100%;
	float: left;
	min-height: 200px;
	padding-top: 10px;
	padding-bottom: 20px;
}
#menu{
	width: 100%;
	height: 36px;
	background-image: url(../_images/menu_bg.gif);
	margin:10px 0;
	position: relative;
	z-index: 2000;
}
#footer{
	border-top: 1px solid #999;
	clear:both;
	font-size: 11px !important;
	margin:0 auto;
	padding: 10px 0 50px 0;	
	width: 900px;
}	
	#footer a, #footer p {
		font-size: 11px !important;
	}
	#footer #left {
		float:left;
	}
	#footer #right {
		float:right;
	}
/*
 * FLASH
 * Not sure if this is flash or just a static image....so it is an image
 */
#flash_home{
	width: 902px;
	height: 227px;
	position: relative;
}

/*
 * MENU
 * Define all elements in the menu area
 */
#top_nav {
	color:#FFF;
	float:right;
	height:48px;
	padding:0;
	width:484px;
}
	#top_nav .careers a {
		background:url(../_images/nav_careers.png) no-repeat top left;
		display:block;
		float:left;
		height:48px;
		width:91px;
	}
	#top_nav .careers a:hover {
		background:url(../_images/nav_careers.png) no-repeat bottom left;
	}
	#top_nav .directions a {
		background:url(../_images/nav_directions.png) no-repeat top left;
		display:block;
		float:left;
		height:48px;
		width:101px;
	}
	#top_nav .directions a:hover {
		background:url(../_images/nav_directions.png) no-repeat bottom left;
	}	
	#top_nav .donate a {
		background:url(../_images/nav_donate.png) no-repeat top left;
		display:block;
		float:left;
		height:48px;
		width:81px;
	}
	#top_nav .donate a:hover {
		background:url(../_images/nav_donate.png) no-repeat bottom left;
	}
	#top_nav .about a {
		background:url(../_images/nav_about.png) no-repeat top left;
		display:block;
		float:left;
		height:48px;
		width:119px;
	}
	#top_nav .about a:hover {
		background:url(../_images/nav_about.png) no-repeat bottom left;
	}
	#top_nav .contact a {
		background:url(../_images/nav_contact.png) no-repeat top left;
		display:block;
		float:left;
		height:48px;
		width:91px;
	}
	#top_nav .contact a:hover {
		background:url(../_images/nav_contact.png) no-repeat bottom left;
	}
#menu_top{
	width: 219px;
	height: 60px;
	background:url(../_images/menu_top.gif) no-repeat top left;
	color: #CCC;
	font-weight: bold;
	text-align: right;
	font-size: 15px;
}
#menu_services, 
#menu_careers, 
#menu_findadoc, 
#menu_about,
#menu_patients {
	position: relative;
	float:left;
	z-index: 10;
}
	#menu_findadoc a {
		display: block;
		width: 151px;
		height: 37px;
		background:url(../_images/upmc_menu_find_a_doc.png) no-repeat top left;
	}
	#menu_services a {
		display: block;
		width: 133px;
		height: 37px;
		background:url(../_images/upmc_menu_services.png) no-repeat top left;
	}
	#menu_careers a {
		display: block;
		width: 202px;
		height: 37px;
		background:url(../_images/upmc_menu_careers_education.png) no-repeat top left;
	}
	
	#menu_about a {
		display: block;
		width: 220px;
		height: 37px;
		background:url(../_images/upmc_menu_about.png) no-repeat top left;
	}
	#menu_patients a {
		display: block;
		width: 196px;
		height: 37px;
		background:url(../_images/upmc_patients_visitors.png) no-repeat top left;
	}
#menu_services a:hover,
#menu_services a.active,
#menu_careers a:hover,
#menu_careers a.active,
#menu_findadoc a:hover,
#menu_findadoc a.active,
#menu_patients a:hover,
#menu_patients a.active,
#menu_about a:hover,
#menu_about a.active{
	background-position: bottom left;
}
	#menu_drop_services,
	#menu_drop_careers,
	#menu_drop_patients,
	#menu_drop_about{
		clear: both;
		width: 100%;
		position: absolute;
		display: none;
		z-index: 1000;
		top: 36px;
		color: #FFF;
	}
	#menu_drop_mid_bg{
		background: url(../_images/menu_drop_bg1.png) bottom center repeat-x #f0f0f0;
		float: left;
		width: 882px;
		padding: 15px 10px 20px 10px;
		font-size: 12px;
		-moz-border-radius: 0px 0px 10px 10px;
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
	}
		#menu_drop_mid_bg ul{
			float: left;
			padding:0 25px 0 5px;
		}
		#menu_drop_mid_bg li{
			clear: both;
			float: left;
			width: 183px;
			position:relative;
		}
		#menu_drop_mid_bg li a{
			clear: both;
			float: left;
			text-decoration: none;
			color:#666;
			font-size: 12px;
			padding: 4px;
			width: 100%;
			border: none;
		}
			#menu_drop_mid_bg li a:hover{
				background-color:#666;
				background-image: none;
				color:#FFF;
			}
		#menu_drop_mid_bg li.section_header{
			height: auto;
			font-weight: bold;
			font-size: 13px;
			padding-top: 10px;
			color:#666;
		}
			#menu_drop_mid_bg li.section_header div {
				padding:3px;
				font-weight: bold;
				font-size: 13px;
			}
			#menu_drop_mid_bg li.section_header a{
				font-weight: bold;
				float: none;
				display:block;
				text-decoration: none;
				color:#666;
				font-size: 13px;
				padding: 3px 3px 3px 3px;
				position: relative;
				width: 100%;
				border: none;
			}
				#menu_drop_mid_bg li.section_header a:hover{
					background-color:#666;
					background-image: none;
					color:#FFF;
				}
/*
 * CONTENT
 * Define all elements in the content area
 * All fonts must be percentage - works with our font size changer
 */
#content_left_home {
	background:url(../_images/upmc_physician_background.jpg) top center no-repeat #FFF !important;
	float: left;
	padding:20px 15px;
	width: 198px;
}
	#content_home h2 {
		text-align:center;
		text-transform: uppercase;
	}
#content_full{
	float: left;
	width: 892px;
}
#page_content {
	float: left;
	padding:10px 10px 10px 20px;
	width: 642px;
}
	#page_content p {
		color:#333;
		padding:6px 0;
	}
	#page_content ul {
		padding:10px;
	}
	#page_content li {
		line-height:20px;
		list-style:disc;
		margin-left:20px;
	}
	#page_content_home {
		float: left;
		padding:10px 20px;
		width: 394px;
	}
	#page_content_home p {
		border-bottom:1px solid #dadada;
		padding:10px 0;
	}
	#page_content_home strong {
		color:#666;
		font-size:15px;
	}
#content_right {
	float: left;
	width: 228px
	}
#content_left{
	float: left;
	width: 219px;
}
	#content_left img{
		text-align: center;
	}
	#content_left_flu{
		padding-bottom: 4px;
		margin-top: 5px;
	}
	#content_finditfast{
	}
		#content_finditfast ul{
			margin-top: 3px;
		}
		#content_finditfast li{
			position: relative;
			width: 219px;
			height: 37px;
			margin-bottom: 2px;
			background-color: #e6e3e0;
			border-top-width: 1px;
			border-bottom-width: 1px;
			border-top-style: solid;
			border-bottom-style: solid;
			border-top-color: #f1efed;
			border-bottom-color: #e8e5e2;
			float: left;
		}
		#content_finditfast a{
			font-size: 12px;
			color: #666;
			text-decoration: none;
			width: 209px;
			height: 27px;
			font-weight: bold;
			position: absolute;
			padding-top: 10px;
			padding-right: 10px;
			text-align: right;
			z-index: 0;
			background-color: #ECECEC;
		}
		#content_finditfast a.red{
			background-color: #666d70 !important;
			color: #ffffff !important;
		}
		#content_finditfast a.red:hover{
			background-color: #9e76a3 !important;
			color: #ffffff !important;
			background-image: none !important;
		}
		#content_finditfast a:hover,
		#content_finditfast a.active{
			background-color: #dcccd9 !important;
		}
		.content_finditfast_bottom{
			background-image: url(../_images/content_finditfast_bottom.gif);
			width: 219px;
			height: 39px;
		}
			#content_finditfast .sub{
				height: 18px;
			}
				#content_finditfast .sub a{
					border-bottom:1px solid #DDD !important;
					font-size: 11px;
					padding-top: 3px;
					background-color: #F3F3F3;
				}
/*
 * GENERIC CLASSES
 * Define styles for simple things like floating to the sides, removing a bottom margin on elements, etc
 */
 .odd{
	 padding:4px;
 }
 .even{
 	background-color: #efefef;
	padding:4px;
 }
 .board .left{
 	width: 300px;
	float: left;
 }
 .board .right{
 	width: 300px;
	float: left;
 }
 .report{
	position:relative;
	width: 290px;
 }
 .report li{
	position:relative;
	width: 290px;
	background-image: url(../_images/report_dot.gif);
	background-repeat: repeat-x;
	background-position: center 12px;
	list-style: none;
	padding: 0px;
	margin-left: 5px !important;
 }
 .report li.no_dots{
 	background: none;
 }
	 .report span.left{
		background-color: #ffffff;
		padding-bottom: 3px;
		width: auto;
	 }
	 .report span.right{
		position: absolute;
		right:0;
		top: 0;
		background-color: #ffffff;
		padding-bottom: 3px;
		width: auto;
	 }
 blockquote.question{
 	margin-top: 0px;
 	margin-left: 20px;
	position: relative;
	top: -20px;
 }
 .question{
 	margin-left: 10px;
	margin-top: 10px;
 }
	 .question strong{
	 	left: -10px;
		position: relative;
	 }
.back_to_top{
	width: 100%;
	text-align: right;
	font-size: 12px;
}
 .left{
  }
.padding_20{
	padding: 20px;
}
.padding_top_20{
	padding-top: 20px;
	padding-right: 5px;
}
.pdf{
	background-image: url(../_images/sm_pdf.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 20px;
	padding-bottom: 5px;
}
.ppt{
	background-image: url(../_images/sm_ppt.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 20px;
	padding-bottom: 5px;
}
.mq{
	background-image: url(../_images/sm_mq.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 20px;
	padding-bottom: 5px;
}
.small{
	font-size: 10px;
}
.fValidator-form h1{
	font-size:16px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 1px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;}
.fValidator-form th{
	text-align: left;
	font-size:11px;
}
.fValidator-form fieldset {
	padding: 10px;
	border: 1px solid #ccc;
}
.fValidator-form legend {
padding: 0 5px;
}
.fValidator-form input {padding: 2px;}
.full {width: 100%;}
.half {width: 50%; vertical-align: top;}
.fValidator-msg {
	background-color: #c00;
	font-size: 85%;
	color: #fff;
	padding: 5px;
	position: absolute;
	display: inline;
}
#webform label{
	padding: 5px;
	color: #444;
}
#webform input,
#webform textarea,
#webform select{
	width: 200px;
	padding: 5px;
}
#webform input.autow{
	width: auto;
}
#comform label{
	display: block;
	color: #444;
	font-weight: bold;
	margin-top: 10px;
	font-size:14px;
}
#comform .radio_input_label{
	position: relative;
	padding: 2px;
}
#comform .radio_input_label label{
	position: absolute;
	font-size:13px;
	left: 23px;
	margin: 0px;
	top: 2px;
	font-weight: normal;
}
#comform input.radio{
	width: auto;
}
#comform input{
	display: block;
	width: 400px;
}
#comform textarea{
	width: 400px;
	height: 100px;
}
#comform table{
	width: 100%;
}
#comform h2{
	padding-top: 10px;
	font-size: 18px;
}
#comform h3{
	padding-top: 5px;
	padding-bottom: 0px;
	color: #666d70;
	font-size: 16px;
}
#comform .input_left{
	width: 150px;
	display: inline;
}
#comform blockquote{
	padding-top: 0px;
	margin-top: 0px;
}
#comform #financial_dropdown{
	border: 1px solid #cccccc;
	padding: 10px;
}
#comform .input_submit{
	width: auto;
	margin-top: 10px;
}
#comform .error{
	color: #cc0000;
	margin-top: 0px;
	margin-bottom: 0px;
}
#basic_table{
	width: 100%;
}
#basic_table th{
	text-align:left;
	border-bottom: solid 1px #777777;
}
.content_sub_menu{
	margin-top: 5px;
	margin-bottom: 5px;
	float:left;
	width:100%;
}
	.content_sub_menu{
		display: inline;
	}
		.content_sub_menu li{
			display: inline;
			background-color: #efefef;
			padding: 5px;
			margin-right:5px;
			margin-left: 0 !important;
		}
			.content_sub_menu li a:hover{
				color: #333333 !important;
			}
		.content_sub_menu li.selected{
			background-color: #cccccc;
		}
		.dark_yellow{
			background: #FFF000;
		}
		.light_yellow{
			background: #FFFAAA;
		}
.image_right{
	float: right;
	}
.office_pics{
	margin:5px;
	padding:10px;
	position:relative;
	width:auto;
	background:none repeat scroll 0 0 #EAEAEA;
	border:1px solid #DDDDDD;
	float: right;
}
#home_btns {
	clear:right;
	float:right;
	padding:10px;
	margin:0 0 10px 10px;
	width:246px;
}
.print {
	text-align:right;
}
	.print a {
		color:#666d70 !important;
		text-decoration:none;
	}
	.print a:hover {
		 color:#444444 !important;
	}
.clear {
	clear:both;
}
#physician_of_the_week {
	color:#666d70;
}
#physician_of_the_week h2, #content_left_home h2 {
	color:#771b61 !important;
	text-transform:uppercase !important;
	text-align:center;
	padding:10px 0 6px 0 !important;
}
#physician_of_the_week p {
	padding:8px 0;
}
#physician_of_the_week img {
	display:block;
	padding:5px 35px 15px 35px !important;
}
.lg {
	color:#666d70;
	display:block;
	text-align:center;
	padding:2px 0 10px 0;
	font-weight:bold;
}
.vid {
	margin:5px 5px 5px 12px;
}
.staff_img {
	color:#666;
	float:right;
	font-style:italic;
	margin:0 0 10px 10px;
	width:120px;
}
.hrule {
	border-bottom:1px solid #DADADA;
	clear:both;
	margin:15px 0;
}
.findAdocSmall {
	color:#666;
	font-size:10px;
	font-style:italic;
}
table.table_class_events{
	width: 100%;
}
	table.table_class_events td{
		padding-top: 5px;
	}
		table.table_class_events td span.event a{    
			float: left;
			font-size: 1.2em;
			padding-top: 10px;
		}
a.pdf_download   {
	background:url(../_images/pdficon.gif) left no-repeat;
	color:#999;
	padding: 2px 0 2px 22px;
	text-decoration:none;
}
a.pdf_download:hover{
	text-decoration:underline;
}