﻿/*  Layout.xsl
	This file should contain any CSS that is used to render the layout,
	structure, and style of the page.  eWebEditPro will not see this file,
	so CSS that is specific to the editable content areas should go in the
	appropriate site-specific CSS file.
*/

html { overflow-y: scroll; overflow-x: hidden; } /* normalize presence of scrollbars */
body { background-color: #FBFAE8; } 
#doc1 {
	width: 768px;
	text-align: left;
}

#bd {
	border: none;
	border-right: 1px solid #0064BA;
	border-bottom: 1px solid #0064BA;
	background-color: white;
	width: 768px;
}

/** Page Grid
  * 768px - Total available width
  *  25px - Left margin
  * 472px - Main content
  *  30px - Gutter
  * 215px - Right content
  *  10px - Padding-left on right content
  *  16px - Padding-right on right content
  *
  * LMR = Left, Middle, Right
  * LM  = Left, Middle
  *  MR =       Middle, Right
  *  M  =       Middle
  */
.grid_MR  #grid_Main      { float: left;  width: 472px; padding-left: 25px;  }
.grid_MR  #grid_Right     { float: right; width: 215px; padding: 0px 16px 0px 10px; }

.grid_LM  #grid_Main      { padding-left: 25px; }

.grid_M   #grid_Main      { width: 727px; margin-left: 25px; padding-right: 16px; }

#hd, #bd, #ft { clear: both; }
#menu_tier2 { display: none; } /** Client has no Tier 2 navigation present on site **/

/** Feature Article Photo Universal style **/
#bd .feature-article-photo-120 {
	float: left;
	width: 122px;
	color: #323232;
	border: none;
	padding-top: 15px;
	padding-right: 15px;
}
#bd .feature-article-photo-150 {
	float: left;
	width: 152px;
	color: #323232;
	border: none;
	padding-top: 15px;
	padding-right: 15px;
}
#bd .feature-article-photo-180 {
	float: left;
	width: 182px;
	color: #323232;
	border: none;
	padding-top: 15px;
	padding-right: 15px;
}
#bd .feature-article-photo-220 {
	float: left;
	width: 222px;
	color: #323232;
	border: none;
	padding-top: 15px;
	padding-right: 15px;
}
#bd .feature-article-photo-120 img,
#bd .feature-article-photo-150 img,
#bd .feature-article-photo-180 img,
#bd .feature-article-photo-220 img { border: 1px solid #c2c0c0; }
#bd .feature-article-photo-120 p,
#bd .feature-article-photo-150 p,
#bd .feature-article-photo-180 p,
#bd .feature-article-photo-220 p { font-size: 10px; color: #585858; background-color: #EDEDED; margin: 0; padding: 5px 10px 7px 10px; line-height: 16px; }

/*** Homepage ***/ 
.HP .grid_MR  #grid_Main { padding-left: 0; width: 497px; }
.HP .grid_MR  #grid_Right { padding-top: 22px; }
.HP #grid_Main #searchForm { background-color: #DFE0E2; padding: 10px 25px; }
.HP #bd #grid_Main.base #searchForm table { margin: 0; }
.HP #bd #grid_Main.base #searchForm table td { padding: 2px; }
.HP #bd .Generated_PressReleasesDetails { margin-top: 13px; }
.HP #bd .Generated_PressReleasesDetails table { margin-bottom: 0; padding-bottom: 0; }
.HP #bd .Generated_PhysicianAtWorkHome ol, 
.HP #bd .Generated_PressReleasesDetails ol { margin: 0; padding: 0; }
.HP #bd .Generated_PhysicianAtWorkHome li,
.HP #bd .Generated_PressReleasesDetails li { list-style: none; list-style-type: none; margin-bottom: 13px; }
.HP #bd .Generated_PhysicianAtWorkHome li a,
.HP #bd .Generated_PressReleasesDetails li a { font-weight: bold; }
.HP #bd .Generated_PhysicianAtWorkHome table { margin-top: 0; margin-bottom: 0; padding-top: 0; }
.HP #bd { padding-top: 0; }
.HP #bd #grid_Main.base h3,
.HP #bd #grid_Main.base hr,
.HP #bd #grid_Main.base table { margin-left: 25px; }
.HP #bd #grid_Main.base table { margin-bottom: 0; padding-bottom: 0; }
.HP table td, .HP table th { border: none; }
.HP table td, .HP table th,
.HP #bd table p,
.HP #bd table a { line-height:13px; }
.HP #bd #grid_Main.base table h3 { margin: 0; }
.HP a.PressReleaseLink { font-weight: bold; }
.HP #bd .Generated_PhysicianAtWorkHome td,
.HP .Generated_PressReleasesDetails td { line-height: 20px; }
.HP #grid_Main table p { line-height: 20px; margin-top: 0px; }
.HP #grid_Main table p a { line-height: 20px; }

/*** Header ***/
#hd { font-family: Verdana,Arial,Helvetica,sans-serif; background-color: white; }
#admin-nav-ymg,
#entity-header,
#layout_TopMenu { clear: both; }
#admin-nav-ymg { height: 32px; width: 100%; }
#entity-header { height: 94px; width: 100%; }
#layout_TopMenu { height: 31px; width: 100%; }
#admin-nav h2,
#admin-nav-ymg h2, 
#entity-nav h2, 
#entity-header h2 {
float: left;
margin: 0;
text-indent: -9999px;
font-size: 12px;
}
#admin-nav-ymg h2 a { 
display: block;
background: url(/images/Layout/heading_ysm_patient_care.gif) no-repeat top left;
width: 340px; 
height: 32px;
}
div#admin-nav-ymg form {
	width: 410px;
	position: absolute; 
	left: 350px; 
}
#admin-nav-ymg form ul { margin: 0; padding: 0; }
#admin-nav-ymg form input { position: relative; top: 6px; }
#layout_SearchField {
	border: 1px solid #0E4D94;
	color: #333;
	font-size: 10px;
	margin: 0 2px 0 0;
	padding: 3px 5px;
	width: 135px;
}
#searchfield_go { background-color: #0E4C91; color: #fff; border: 0; padding: 2px 0; width: 22px; }
body.ymg div#admin-nav-ymg ul { margin: 0; margin-top: 0; padding: 0; float: left; width: 235px; }
body.ymg div#admin-nav-ymg input { float: left; }
#layout_TopNav li,
body.ymg div#admin-nav-ymg #layout_TopNav li { float: left; display: inline; margin: 0; padding: 11px 0 0 0; color: #0E4D94; font-size: 10px; }
body.ymg div#admin-nav-ymg #layout_TopNav li a { border: 0; padding: 0; }
#layout_TopNav li a { color: #0E4D94; font-size: 10px; text-decoration: none; }
#layout_TopNav li a:hover { color: #3399FF; }
#entity-header {
background-color: #0e4d94;
border-bottom: 1px solid #fff;
width: 100%;
float: left;
height: 94px; 
}

/** Callouts **/
#bd #grid_Right .base h3 { margin-top: 8px; color: #C7511F; }
#bd #grid_Right .base ul { margin: 0 0 10px 10px; padding: 0 0 0 10px; }
#bd #grid_Right .base li { padding: 0 0 5px 0; }
#bd #grid_Right .base p { font-size: 11px; margin: 2px 0 13px 0; padding: 0; line-height: 14px; }
#bd #grid_Right table { margin: 0; padding: 0; }
#bd #grid_Right table td { padding-bottom: 0; }

.layout_Related { border-bottom: 1px solid #C0C0C0; }
.layout_Related h2 { color: #C7511F; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; }
.layout_Related ul { padding-left: 13px; }

div#bd #grid_Right div.Generated_PhysicianAtWork table tr td { padding: 3px 0 8px 0; }
div#bd #grid_Right div.Generated_PhysicianAtWork table tr td.WTN { padding-left: 10px; }

/** Body **/
#bd { padding: 25px 0; }
#bd img { border: 1px solid #C2C0C0; }
#bd img.plain,
#bd #physicianTab img,
#bd #articlesTab img,
#bd .layout_Pagination img,
#bd #searchForm img { border: 0; }
#bd .base h1,
#bd h1 {
	color:#C7511F;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:23px;
	font-weight:normal;
	margin-bottom:4px;
	margin-top:0;
}
#bd .base h2 {
	color:#C7511F;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;
	font-weight:normal;
	margin-bottom:8px;
	margin-top:13px;
}
#bd .base h3 {
	color:#C7511F;
	line-height:17px;
	margin-bottom:0px;
	margin-top:0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
}
#bd p,
#bd blockquote { line-height: 21px; }
#bd ul li { padding-bottom: 8px; }
#bd p,
#bd ul, 
#bd ol, 
#bd blockquote,
#bd table td,
#bd table th {
	color:#323232;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	padding-bottom:13px;
	padding-top:6px;
	margin: 0; 
	vertical-align: top;
	border: none; 
	vertical-align: top;
}

#bd ul, 
#bd ol { margin: 0 0 0 40px; }

#bd a:link,
#bd a:visited {
	color: #0e4d94; 
	text-decoration: none; 
}
#bd a:hover {
	color: #2A85ee;
	text-decoration: underline; 
}
#bd li {
	list-style: square; 
}
#bd hr {
	background-color:#C0C0C0;
	border:0 none;
	color:#C0C0C0;
	display:block;
	font-size:0;
	height:1px;
	margin:12px 0;
}
#bd table {
	margin:2px 0 10px;
	padding:2px 0;
}
label.label-orange {
	color:#C7511F;
	font-weight:bold;
	margin:0;
}
label.label-blue {
	color:#0E4D94;
	font-weight:bold;
	margin:0;
}
#bd .base input.find-field { width: 225px; }
#bd .base input.find-btn {
	margin-left:2px;
	vertical-align:top;
	background-color: transparent;
	border: 0; 
}
#bd .Generated_PressReleasesContent td { padding: 5px; }
#bd .Generated_PressReleasesContent tr.OddRow { background-color: #EDEDED; }
#bd .Generated_PressReleasesContent div { text-align:right; }
#bd .Generated_PressReleasesContent h2{display:none;}
#bd .Generated_PhysicianAtWork li { list-style: none; list-style-type: none;  margin-bottom: 10px;}
#bd .Generated_PhysicianAtWork ol { margin: 0; padding: 0; }
#bd .Generated_PhysicianAtWork { margin-top: 1px; }
#bd .Generated_PhysicianAtWorkContent tr.OddRow { background-color: #EDEDED; }
#bd .Generated_PhysicianAtWorkContent div { text-align:right; }
#bd .Generated_PhysicianAtWorkContent h2 {display:none;}
#bd .Generated_AllPressReleases tr.OddRow { background-color: #EDEDED; }
#bd .Generated_AwardsPressContent tr.OddRow { background-color: #EDEDED; }
#bd .Generated_AwardsPressContent div { text-align:right; }

input, textarea, select { background-color: #fff; border: 1px solid #999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 1px; }

#bd .layout_Pagination,
#bd .layout_Pagination a { font-family: Verdana, Arial, Helvetica, sans-serif; }

/*** Footer ***/
#ft      { clear: both; padding: 13px; text-align: right; }
#ft .footer_badge { text-align: left; float: left; }
#ft .copy_info, #ft .copy_info a { color:#999999; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; line-height:20px; margin-top:0; }
#ft .copy_info a.pb_link,
#ft .copy_info a:link.pb_link,
#ft .copy_info a:visited.pb_link { text-decoration: none; color: #EFEEE0; }

/** Forms **/
.FormError { background-color: red; color: white; }

/** Top Menu, including T1 with T2 drop-downs
  * Remove this whole section if there is no top menu!
  * Aside from the width, every style here is purely structural.
  * This is just to get the list horizontal and have things line up
  * when the drop-down occurs. Do appearance styling below these.
  **/
#layout_TopMenu         { clear: both; background-color: #C7511F; border-bottom: 1px solid #fff; }
#layout_TopMenu ul.Root { list-style: none; border-right: 1px solid #EECDBC; overflow: auto; width: 768px; }
#layout_TopMenu ul.T2   { position: absolute; display: none; width: 160px; }
#layout_TopMenu ul.T2 li a { background-color: #C7511F; border-bottom: 1px solid #fff; }
#layout_TopMenu li:hover ul.T2,
#layout_TopMenu li.hover ul.T2 { display: block; }
#layout_TopMenu li { list-style: none; display: inline; float: left; }
#layout_TopMenu a { display: block; color: #fff; text-decoration: none; padding: 9px 12px; font-size: 11px; }
#layout_TopMenu a:hover { color: #FFEE66; }
#bd select.hover  { visibility: hidden; }

#layout_TopMenu li.T1Active a { color: #FFEE66; }
.STW li#tINAV000306 a,
.HP li#tINAV000031 a { color: #FFEE66; }


/** Tier 2 Menu **/
/** #menu_tier2 {
	margin-top: 10px;
	border-bottom: 1px solid #999;
	float: left;
	margin: 15px 0 5px;
	padding: 0;
	width: 100%;
}

#menu_tier2 ul.Root {
	float: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	margin-top: 13px;
	margin-bottom: 0; 
	padding-bottom: 0; 
}

#menu_tier2 li {
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-moz-user-select: none;
	background-color: #E7E7E7;
	border-color: #999;
	border-style: solid;
	border-width: 1px 0 1px 1px;
	color: #585858;
	cursor: pointer;
	float: left;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	list-style-type:none;
	padding: 3px 10px;
	position: relative;
	top: 1px;
	padding-bottom: 8px;
}

#menu_tier2 li.Active {
	background-color: #fff;
	border-bottom: 1px solid #fff;
}

#menu_tier2 li.last_tab { 
	border-right: 1px solid #999; 
} **/


/*! Apply base styles to editable components
  * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
  * Code licensed under the BSD License:
  * http://developer.yahoo.net/yui/license.txt
  * version: 2.6.0
  * Patch: added namespace
  **/
.base h1 { font-size: 138.5%; margin: 13px 0; font-weight: bold; }
.base h2 { font-size: 123.1%; margin: 13px 0; font-weight: bold; }
.base h3 { font-size: 108%;   margin: 13px 0; font-weight: bold; }
.base h4 { font-weight: bold; }
.base h5 { font-weight: bold; }
.base h6 { font-weight: bold; }
.base strong { font-weight: bold; }
.base abbr,
.base acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}
.base em  { font-style: italic; }
.base del { text-decoration: line-through; }
.base blockquote { margin: 13px; }
.base ul,
.base ol,
.base dl { margin: 13px 0px 13px 40px; }
.base ol li { list-style: decimal outside; }
.base ul li { list-style: square outside; }
.base dl dd { margin-left:13px; }
.base th,
.base td {
	border: 1px solid #000;
	padding: 0 8px 8px 0;
}
.base th {
	font-weight: bold;
	text-align: center;
}
.base caption {
	margin-bottom: 8px;
	text-align: center;
}
.base p,
.base fieldset,
.base table,
.base pre {
	margin-bottom: 13px;
}
.base input[type=text],
.base input[type=password],
.base textarea {
	width: 160px;
}

/** Custom eWeb classes **/ 
#bd img.feature_photo { border: 10px solid #ededed; }

/** Physician & Articles Search Overrides **/
#articlesTab #prevnext-list .nonPageLink,
#physicianTab #prevnext-list .nonPageLink { padding-top: 0; float: none; }
#articlesTab #prevnext-list ul li,
#physicianTab #prevnext-list ul li { float: left; }
#articlesTab #prevnext-list .nonimageLink,
#physicianTab #prevnext-list .nonimageLink { padding: 0 5px; }
#articlesTab #prevnext-list,
#physicianTab #prevnext-list { margin: 0; }
#articlesTab #prevnext-list .currentPage,
#articlesTab #prevnext-list ul li a,
#physicianTab #prevnext-list .currentPage,
#physicianTab #prevnext-list ul li a { padding: 0 3px; }
#articlesTab #prevnext-list ul li a.imageLink,
#physicianTab #prevnext-list ul li a.imageLink { padding: 5px 3px 0 3px; }

/** Map Page Overrides OTH000058 **/
.photo-thumb-wrap { clear: both; }
.photo-thumb-wrap img.plain { float: left; padding-right: 10px; }
.photo-thumb-wrap .left-right-oppose { float: left; width: 80%; }
.photo-thumb-wrap .left-right-oppose h3 { float: left; }
.photo-thumb-wrap .left-right-oppose p { float: right; }
#bd hr.push-left { clear: both; }

/** Make a Suggestion Form OTH000069 **/
div.form_question {
	border: 1px dotted #ccc;
	margin-bottom: 13px;
	padding: 8px; 
}

div.form_question label, 
div.form_question .forms_label {
	color: #333;
	display: block;
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 25px; 
}

div.form_question .forms_comments {
	color: #323232;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	line-height: 25px; 
}

/** Photo left and Photo right - applies to all photos in WTN section **/

#bd p.left-photo-caption, 
#bd p.left-photo,
#bd div.left-photo,
div div#bd #grid_Right div.base div.left-photo,
div div#bd #grid_Right div.base p.left-photo { float: left; padding: 8px 10px 13px 0; margin: 0; }
#bd p.right-photo-caption, 
#bd p.right-photo,
#bd div.right-photo,
div div#bd #grid_Right div.base p.right-photo,
div div#bd #grid_Right div.base div.right-photo { float: right; padding: 8px 0 13px 10px; margin: 0; }

/** Feature Article Photo Callouts style **/
#bd #grid_Right .base .feature-article-photo-120 {
	float: left;
	width: 122px;
	color: #323232;
	border: none;
	padding-top: 15px;
	padding-right: 15px;
}
#bd #grid_Right .base .feature-article-photo-150 {
	float: left;
	width: 152px;
	color: #323232;
	border: none;
	padding-top: 15px;
	padding-right: 15px;
}
#bd #grid_Right .base .feature-article-photo-180 {
	float: left;
	width: 182px;
	color: #323232;
	border: none;
	padding-top: 15px;
	padding-right: 15px;
}
#bd #grid_Right .base .feature-article-photo-220 {
	float: left;
	width: 222px;
	color: #323232;
	border: none;
	padding-top: 15px;
	padding-right: 15px;
}
#bd #grid_Right .base .feature-article-photo-120 img,
#bd #grid_Right .base .feature-article-photo-150 img,
#bd #grid_Right .base .feature-article-photo-180 img,
#bd #grid_Right .base .feature-article-photo-220 img { border: 1px solid #c2c0c0; }
#bd #grid_Right .base .feature-article-photo-120 p,
#bd #grid_Right .base .feature-article-photo-150 p,
#bd #grid_Right .base .feature-article-photo-180 p,
#bd #grid_Right .base .feature-article-photo-220 p { font-size: 10px; color: #585858; background-color: #EDEDED; margin: 0; padding: 5px 10px 7px 10px; line-height: 16px; }



